diff --git a/app/assets/stylesheets/_consul_settings.scss b/app/assets/stylesheets/_consul_settings.scss
index c73542b4e..5a59a0449 100644
--- a/app/assets/stylesheets/_consul_settings.scss
+++ b/app/assets/stylesheets/_consul_settings.scss
@@ -72,6 +72,8 @@ $outline-focus:     3px solid #ffbf47;
 
 $input-height:      $line-height * 2;
 
+$icon-width: $line-height * 2;
+
 $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 7e87f92c3..6005f25cf 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;
-  width: 4vw;
+  width: $icon-width;
 }