diff --git a/app/assets/stylesheets/budgets/investments/new.scss b/app/assets/stylesheets/budgets/investments/new.scss
index c60ad1a73..0c5b9f338 100644
--- a/app/assets/stylesheets/budgets/investments/new.scss
+++ b/app/assets/stylesheets/budgets/investments/new.scss
@@ -1,6 +1,5 @@
 .budget-investment-new {
   $border-width: 4px;
-  @include grid-column-gutter;
 
   h1 {
     margin-bottom: 0;
diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 33eaa85b4..5a70af40d 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -66,6 +66,12 @@ body {
 
 main {
   display: block;
+
+  &.budget-investment-new,
+  &.sdg-goals-index,
+  &.sdg-goal-show {
+    @include grid-column-gutter;
+  }
 }
 
 h1,
diff --git a/app/assets/stylesheets/sdg/goals/index.scss b/app/assets/stylesheets/sdg/goals/index.scss
index 9ca2002f7..91588aaaa 100644
--- a/app/assets/stylesheets/sdg/goals/index.scss
+++ b/app/assets/stylesheets/sdg/goals/index.scss
@@ -1,5 +1,4 @@
 .sdg-goals-index {
-  @include grid-column-gutter;
 
   .section-header {
 
diff --git a/app/assets/stylesheets/sdg/goals/show.scss b/app/assets/stylesheets/sdg/goals/show.scss
index f0ddce8a6..f86539b6a 100644
--- a/app/assets/stylesheets/sdg/goals/show.scss
+++ b/app/assets/stylesheets/sdg/goals/show.scss
@@ -1,5 +1,4 @@
 .sdg-goal-show {
-  @include grid-column-gutter;
 
   .sdg-goal {
 
diff --git a/app/components/sdg/goals/show_component.html.erb b/app/components/sdg/goals/show_component.html.erb
index 2cd9176ed..74b2a3a6b 100644
--- a/app/components/sdg/goals/show_component.html.erb
+++ b/app/components/sdg/goals/show_component.html.erb
@@ -1,6 +1,6 @@
 <% provide(:title) { goal.title } %>
 
-<div class="sdg-goal-show">
+<main class="sdg-goal-show">
   <%= back_link_to sdg_goals_path %>
 
   <article class="sdg-goal sdg-goal-<%= code %>">
@@ -36,4 +36,4 @@
   <% end %>
 
   <%= render SDG::Goals::TargetsComponent.new(goal) %>
-</div>
+</main>