From f6884027487b4f9c2fec13d4856865f48c6eb53f Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Tue, 18 Aug 2020 10:17:45 -0400
Subject: [PATCH] align page contents with header width

---
 ui/scss/component/_header.scss | 2 +-
 ui/scss/component/_main.scss   | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui/scss/component/_header.scss b/ui/scss/component/_header.scss
index 80105e3cd..ab6da0184 100644
--- a/ui/scss/component/_header.scss
+++ b/ui/scss/component/_header.scss
@@ -31,7 +31,7 @@
   padding: 0 var(--spacing-m);
 
   @media (max-width: $breakpoint-small) {
-    padding: var(--spacing-s);
+    padding: var(--spacing-xs);
   }
 }
 
diff --git a/ui/scss/component/_main.scss b/ui/scss/component/_main.scss
index 9fdb87ce5..0be67a600 100644
--- a/ui/scss/component/_main.scss
+++ b/ui/scss/component/_main.scss
@@ -76,7 +76,7 @@
     height: 0%;
 
     @media (max-width: $breakpoint-medium) {
-      width: auto;
+      width: 100%;
       margin-top: var(--spacing-l);
     }
   }
@@ -88,6 +88,10 @@
       margin-right: 0;
     }
   }
+
+  @media (max-width: $breakpoint-small) {
+    padding: var(--spacing-xs);
+  }
 }
 
 .main--homepage {