diff --git a/_sass/2017/components/h3-section-list.scss b/_sass/2017/components/h3-section-list.scss
index 7bc4a96bc..9631174e8 100644
--- a/_sass/2017/components/h3-section-list.scss
+++ b/_sass/2017/components/h3-section-list.scss
@@ -1,3 +1,7 @@
+@mixin section-gutter($property, $multiplier: 1) {
+  #{$property}: 12px * $multiplier;
+}
+
 /*
  * H3 section list:
  * The body that is isotoped.
@@ -5,8 +9,8 @@
 
 .h3-section-list {
   & {
-    @include gutter(margin-left, $multiplier: -1);
-    @include gutter(margin-right, $multiplier: -1);
+    @include section-gutter(margin-left, $multiplier: -1);
+    @include section-gutter(margin-right, $multiplier: -1);
     margin-top: 0;
     margin-bottom: 0;
   }
@@ -21,13 +25,16 @@
 
   // Each section
   & > .h3-section {
-    @include gutter(padding);
+    @include section-gutter(padding);
     float: left;
     width: 100%;
   }
 
-  & > .h3-section {
-    padding-top: 0;
+  @media (min-width: 769px) {
+    & > .h3-section {
+      padding-top: 0;
+      padding-bottom: 16px;
+    }
   }
 }
 
diff --git a/_sass/2017/variables.scss b/_sass/2017/variables.scss
index 7301b936c..c489105bc 100644
--- a/_sass/2017/variables.scss
+++ b/_sass/2017/variables.scss
@@ -2,7 +2,7 @@
  * Metrics
  */
 
-$gut-small: 8px; // max 480px width
+$gut-small: 16px; // max 480px width
 $gut: 16px;
 $column: 400px;