diff --git a/aio/src/styles/0-base/_typography.scss b/aio/src/styles/0-base/_typography.scss
index 3f3dd16c1c..49fd716c0e 100755
--- a/aio/src/styles/0-base/_typography.scss
+++ b/aio/src/styles/0-base/_typography.scss
@@ -64,13 +64,13 @@
       clear: both;
     }
 
-    h1, h2 {
+    h1 {
       @media screen and (max-width: 600px) {
-        margin: 16px 0;
+        margin: 0;
       }
     }
 
-    h3, h4, h5, h6 {
+    h1:after, h2, h3, h4, h5, h6 {
       @media screen and (max-width: 600px) {
         margin: 8px 0;
       }
diff --git a/aio/src/styles/1-layouts/_sidenav.scss b/aio/src/styles/1-layouts/_sidenav.scss
index 3a9030aa27..4c75fbfeab 100644
--- a/aio/src/styles/1-layouts/_sidenav.scss
+++ b/aio/src/styles/1-layouts/_sidenav.scss
@@ -39,6 +39,9 @@ md-sidenav-container.sidenav-container {
     @media (max-width: 800px) {
       max-width: 100%;
     }
+    @media (max-width: 600px) {
+      padding-top: 56px;
+    }
 }
 
 md-sidenav-container div.mat-sidenav-content {