diff --git a/app/assets/stylesheets/mixins.scss b/app/assets/stylesheets/mixins.scss
index e54f735fd..afd81ecd3 100644
--- a/app/assets/stylesheets/mixins.scss
+++ b/app/assets/stylesheets/mixins.scss
@@ -228,16 +228,24 @@
 }
 
 @mixin sdg-goal-list($spacing: 1ch) {
+  $min-spacing: $sdg-icon-min-width / 10;
+  $max-spacing: #{"Max(#{$min-spacing}, #{$spacing})"};
+
   display: flex;
   flex-wrap: wrap;
   list-style: none;
   margin: -$spacing 0 $line-height / 3 -#{$spacing};
+  margin-left: calc(-1 * #{$max-spacing});
+  margin-top: calc(-1 * #{$max-spacing});
   width: calc(100% + #{$spacing});
+  width: calc(100% + #{$max-spacing});
 
   li {
     margin-bottom: 0;
     margin-left: $spacing;
+    margin-left: $max-spacing;
     margin-top: $spacing;
+    margin-top: $max-spacing;
   }
 }