diff --git a/themes/hugo-theme-ipng/assets/styles.scss b/themes/hugo-theme-ipng/assets/styles.scss
index 3c0eb1b..a8c63e9 100644
--- a/themes/hugo-theme-ipng/assets/styles.scss
+++ b/themes/hugo-theme-ipng/assets/styles.scss
@@ -76,7 +76,7 @@ main {
     padding: 1em 1em;
 
     @media #{$mq-mini} { margin: 0 2%; }
-    @media #{$mq-small} { margin: 0 15%; }
+    @media #{$mq-small} { margin: 0 2%; }
     @media #{$mq-medium} { margin: 0 17%; }
     @media #{$mq-large} { margin: 0 21%; }
     @media #{$mq-xlarge} { margin: 0 24%; }
@@ -331,7 +331,7 @@ nav li:hover {
     flex-flow: row wrap;
 
     @media #{$mq-mini} { margin: 0; width: 100%; font-size: $base-font-size * 0.8; }
-    @media #{$mq-small} { margin: 0 15%; width: 70%; font-size: $base-font-size * 0.9; }
+    @media #{$mq-small} { margin: 0 5%; width: 90%; font-size: $base-font-size * 0.9; }
     @media #{$mq-medium} { margin: 0 17%; width: 66%; font-size: $base-font-size * 1.0; }
     @media #{$mq-large} { margin: 0 21%; width: 58%; font-size: $base-font-size * 1.0; }
     @media #{$mq-xlarge} { margin: 0 24%; width: 52%; font-size: $base-font-size * 1.1; }
@@ -357,7 +357,7 @@ nav li:hover {
     background-color: #f7f7f7;
 
     @media #{$mq-mini} { margin: 0; width: 100%; font-size: $base-font-size * 0.8; }
-    @media #{$mq-small} { margin: 0 15%; width: 70%; font-size: $base-font-size * 0.9; }
+    @media #{$mq-small} { margin: 0 5%; width: 90%; font-size: $base-font-size * 0.9; }
     @media #{$mq-medium} { margin: 0 17%; width: 66%; font-size: $base-font-size * 1.0; }
     @media #{$mq-large} { margin: 0 21%; width: 58%; font-size: $base-font-size * 1.0; }
     @media #{$mq-xlarge} { margin: 0 24%; width: 52%; font-size: $base-font-size * 1.1; }