diff --git a/_sass/2017/components/h3-section.scss b/_sass/2017/components/h3-section.scss
index 645fb83fc..b5ea8383e 100644
--- a/_sass/2017/components/h3-section.scss
+++ b/_sass/2017/components/h3-section.scss
@@ -50,7 +50,7 @@
   }
 
   &::after {
-    @include section-gutter(margin-left, $multiplier: 2);
+    @include section-gutter(margin-left, $multiplier: 1.5);
     content: '';
     display: inline-block;
     vertical-align: middle;
diff --git a/_sass/2017/utils/section-gutter.scss b/_sass/2017/utils/section-gutter.scss
index 56b8b8cfc..b21df549b 100644
--- a/_sass/2017/utils/section-gutter.scss
+++ b/_sass/2017/utils/section-gutter.scss
@@ -1,3 +1,11 @@
 @mixin section-gutter($property, $multiplier: 1) {
   #{$property}: 16px * $multiplier;
+
+  @media (max-width: 480px) {
+    #{$property}: 8px * $multiplier;
+  }
+
+  @media (max-width: 768px) {
+    #{$property}: 12px * $multiplier;
+  }
 }