diff --git a/app/assets/stylesheets/_consul_settings.scss b/app/assets/stylesheets/_consul_settings.scss
index 5a59a0449..05b1ee258 100644
--- a/app/assets/stylesheets/_consul_settings.scss
+++ b/app/assets/stylesheets/_consul_settings.scss
@@ -74,6 +74,8 @@ $input-height:      $line-height * 2;
 
 $icon-width: $line-height * 2;
 
+$sdg-icon-min-width: 40px;
+
 $sdg-colors: (
   1: #e5243b,
   2: #dda63a,
diff --git a/app/assets/stylesheets/sdg/goals/icon.scss b/app/assets/stylesheets/sdg/goals/icon.scss
index 6005f25cf..cbb303b48 100644
--- a/app/assets/stylesheets/sdg/goals/icon.scss
+++ b/app/assets/stylesheets/sdg/goals/icon.scss
@@ -1,4 +1,4 @@
 .sdg-goal-icon {
-  min-width: 40px;
+  min-width: $sdg-icon-min-width;
   width: $icon-width;
 }
diff --git a/app/assets/stylesheets/sdg/related_list_selector.scss b/app/assets/stylesheets/sdg/related_list_selector.scss
index db8773324..a2de54bd5 100644
--- a/app/assets/stylesheets/sdg/related_list_selector.scss
+++ b/app/assets/stylesheets/sdg/related_list_selector.scss
@@ -13,9 +13,12 @@
   }
 
   label + ul {
-    @extend %sdg-goal-list;
+    $spacing: 0.5%;
+    @include sdg-goal-list($spacing);
 
     li {
+      min-width: $sdg-icon-min-width;
+      width: calc(100% / 17 - #{$spacing});
 
       &[aria-checked=true] img {
         opacity: 0.15;
@@ -28,6 +31,10 @@
       &:hover {
         cursor: pointer;
       }
+
+      .sdg-goal-icon {
+        width: 100%;
+      }
     }
   }