diff --git a/app/assets/stylesheets/budgets/ballot/show.scss b/app/assets/stylesheets/budgets/ballot/show.scss
new file mode 100644
index 000000000..472070c81
--- /dev/null
+++ b/app/assets/stylesheets/budgets/ballot/show.scss
@@ -0,0 +1,8 @@
+.budget-ballot-show {
+
+  > header {
+    @extend %budget-header;
+    @include grid-column-gutter;
+    padding-bottom: $line-height;
+  }
+}
diff --git a/app/assets/stylesheets/budgets/groups/show.scss b/app/assets/stylesheets/budgets/groups/show.scss
new file mode 100644
index 000000000..f337ec2e2
--- /dev/null
+++ b/app/assets/stylesheets/budgets/groups/show.scss
@@ -0,0 +1,7 @@
+.budget-group-show {
+
+  > header {
+    @extend %budget-header;
+    @include grid-column-gutter;
+  }
+}
diff --git a/app/assets/stylesheets/budgets/index.scss b/app/assets/stylesheets/budgets/index.scss
new file mode 100644
index 000000000..29e76fc71
--- /dev/null
+++ b/app/assets/stylesheets/budgets/index.scss
@@ -0,0 +1,8 @@
+.budgets-index {
+
+  > header {
+    @extend %budget-header;
+    @include grid-column-gutter;
+    margin-bottom: $line-height;
+  }
+}
diff --git a/app/assets/stylesheets/mixins/budgets.scss b/app/assets/stylesheets/mixins/budgets.scss
index 32ab8c285..60de96b53 100644
--- a/app/assets/stylesheets/mixins/budgets.scss
+++ b/app/assets/stylesheets/mixins/budgets.scss
@@ -7,7 +7,7 @@
 
   h1 {
     font-size: rem-calc(60);
-    padding: $line-height * 2 0 $line-height;
+    padding: $line-height 0;
   }
 
   h1,
diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss
index 79358f267..e36986a15 100644
--- a/app/assets/stylesheets/participation.scss
+++ b/app/assets/stylesheets/participation.scss
@@ -1108,6 +1108,10 @@
     background-size: cover;
   }
 
+  h1 {
+    padding-top: $line-height * 2;
+  }
+
   .budget-title {
     font-weight: bold;
     text-transform: uppercase;
diff --git a/app/views/budgets/ballot/_ballot.html.erb b/app/views/budgets/ballot/_ballot.html.erb
index 13d9eac88..54d7a0358 100644
--- a/app/views/budgets/ballot/_ballot.html.erb
+++ b/app/views/budgets/ballot/_ballot.html.erb
@@ -1,20 +1,18 @@
-<div class="budget-header">
-  <div class="row">
-    <%= back_link_to session[:ballot_referer] %>
+<header>
+  <%= back_link_to session[:ballot_referer] %>
 
-    <h1 class="text-center"><%= t("budgets.ballots.show.title") %></h1>
+  <h1 class="text-center"><%= t("budgets.ballots.show.title") %></h1>
 
-    <div class="small-12 medium-8 column small-centered text-center">
-      <h2>
-        <%= sanitize(t("budgets.ballots.show.voted", count: @ballot.investments.count)) %>
-      </h2>
-      <p class="confirmed">
-        <%= t("budgets.ballots.show.voted_info") %>
-      <p>
-      <p><%= t("budgets.ballots.show.voted_info_2") %></p>
-    </div>
+  <div class="small-12 medium-8 column small-centered text-center">
+    <h2>
+      <%= sanitize(t("budgets.ballots.show.voted", count: @ballot.investments.count)) %>
+    </h2>
+    <p class="confirmed">
+      <%= t("budgets.ballots.show.voted_info") %>
+    <p>
+    <p><%= t("budgets.ballots.show.voted_info_2") %></p>
   </div>
-</div>
+</header>
 
 <div class="row ballot">
   <% ballot_groups = @ballot.groups.sort_by_name %>
diff --git a/app/views/budgets/ballot/show.html.erb b/app/views/budgets/ballot/show.html.erb
index b4aaa2d46..0b9edf168 100644
--- a/app/views/budgets/ballot/show.html.erb
+++ b/app/views/budgets/ballot/show.html.erb
@@ -1,3 +1,3 @@
-<div id="ballot">
+<main id="ballot" class="budget-ballot-show">
   <%= render "budgets/ballot/ballot" %>
-</div>
+</main>
diff --git a/app/views/budgets/groups/show.html.erb b/app/views/budgets/groups/show.html.erb
index aa1786f6b..75b082dd4 100644
--- a/app/views/budgets/groups/show.html.erb
+++ b/app/views/budgets/groups/show.html.erb
@@ -2,72 +2,70 @@
   <%= render "shared/canonical", href: budget_group_url(filter: @current_filter) %>
 <% end %>
 
-<div class="budget-header">
-  <div class="row">
-    <div class="small-12 medium-9 column">
-      <%= back_link_to budget_path(@budget) %>
-      <h2><%= t("budgets.groups.show.title") %></h2>
-    </div>
-  </div>
-</div>
+<main class="budget-group-show">
+  <header>
+    <%= back_link_to budget_path(@budget) %>
+    <h1><%= t("budgets.groups.show.title") %></h1>
+  </header>
 
-<% if @current_filter == "unfeasible" %>
-  <div class="row margin-top">
-    <div class="small-12 column">
-      <h3><%= t("budgets.groups.show.unfeasible_title") %></h3>
+  <% if @current_filter == "unfeasible" %>
+    <div class="row margin-top">
+      <div class="small-12 column">
+        <h3><%= t("budgets.groups.show.unfeasible_title") %></h3>
+      </div>
     </div>
-  </div>
-<% elsif @current_filter == "unselected" %>
-  <div class="row margin-top">
-    <div class="small-12 column">
-      <h3><%= t("budgets.groups.show.unselected_title") %></h3>
+  <% elsif @current_filter == "unselected" %>
+    <div class="row margin-top">
+      <div class="small-12 column">
+        <h3><%= t("budgets.groups.show.unselected_title") %></h3>
+      </div>
     </div>
-  </div>
-<% end %>
+  <% end %>
 
-<div class="row margin">
-  <div id="headings" class="small-12 medium-7 column select-district">
-    <div class="row">
-      <% @group.headings.sort_by_name.each_slice(7) do |slice| %>
-        <div class="small-6 medium-4 column end">
-          <% slice.each do |heading| %>
-            <span id="<%= dom_id(heading) %>"
-                  class="<%= css_for_ballot_heading(heading) %>">
-              <%= link_to heading.name,
-                          budget_investments_path(heading_id: heading.id,
-                                                  filter: @current_filter) %><br>
-            </span>
-          <% end %>
+  <div class="row margin">
+    <div id="headings" class="small-12 medium-7 column select-district">
+      <div class="row">
+        <% @group.headings.sort_by_name.each_slice(7) do |slice| %>
+          <div class="small-6 medium-4 column end">
+            <% slice.each do |heading| %>
+              <span id="<%= dom_id(heading) %>"
+                    class="<%= css_for_ballot_heading(heading) %>">
+                <%= link_to heading.name,
+                            budget_investments_path(heading_id: heading.id,
+                                                    filter: @current_filter) %><br>
+              </span>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+
+    <div class="medium-5 column show-for-medium text-center">
+      <%= image_tag(image_path_for("map.jpg")) %>
+    </div>
+  </div>
+
+  <% if @budget.balloting_or_later? %>
+    <% unless @current_filter == "unfeasible" %>
+      <div class="row">
+        <div class="small-12 column">
+          <small>
+            <%= link_to t("budgets.groups.show.unfeasible"),
+                        budget_group_path(@budget, @group, filter: "unfeasible") %>
+          </small>
         </div>
-      <% end %>
-    </div>
-  </div>
-
-  <div class="medium-5 column show-for-medium text-center">
-    <%= image_tag(image_path_for("map.jpg")) %>
-  </div>
-</div>
-
-<% if @budget.balloting_or_later? %>
-  <% unless @current_filter == "unfeasible" %>
-    <div class="row">
-      <div class="small-12 column">
-        <small>
-          <%= link_to t("budgets.groups.show.unfeasible"),
-                      budget_group_path(@budget, @group, filter: "unfeasible") %>
-        </small>
       </div>
-    </div>
-  <% end %>
+    <% end %>
 
-  <% unless @current_filter == "unselected" %>
-    <div class="row">
-      <div class="small-12 column">
-        <small>
-          <%= link_to t("budgets.groups.show.unselected"),
-                      budget_group_path(@budget, @group, filter: "unselected") %>
-        </small>
+    <% unless @current_filter == "unselected" %>
+      <div class="row">
+        <div class="small-12 column">
+          <small>
+            <%= link_to t("budgets.groups.show.unselected"),
+                        budget_group_path(@budget, @group, filter: "unselected") %>
+          </small>
+        </div>
       </div>
-    </div>
+    <% end %>
   <% end %>
-<% end %>
+</main>
diff --git a/app/views/budgets/index.html.erb b/app/views/budgets/index.html.erb
index 53f65ea9f..cad36ad83 100644
--- a/app/views/budgets/index.html.erb
+++ b/app/views/budgets/index.html.erb
@@ -6,28 +6,26 @@
   <%= render "shared/canonical", href: budgets_url %>
 <% end %>
 
-<% if @budget.present? %>
-  <%= render Budgets::BudgetComponent.new(@budget) %>
+<main class="budgets-index">
+  <% if @budget.present? %>
+    <%= render Budgets::BudgetComponent.new(@budget) %>
+
+    <% if @finished_budgets.present? %>
+      <%= render "finished", budgets: @finished_budgets %>
+    <% end %>
+  <% else %>
+    <header>
+      <h1><%= t("budgets.index.title") %></h1>
+    </header>
 
-  <% if @finished_budgets.present? %>
-    <%= render "finished", budgets: @finished_budgets %>
-  <% end %>
-<% else %>
-  <div class="budget-header margin-bottom">
     <div class="row">
-      <div class="small-12 medium-9 column">
-          <h1><%= t("budgets.index.title") %></h1>
+      <div class="small-12 column">
+        <div class="callout primary">
+          <%= t("budgets.index.empty_budgets") %>
+        </div>
       </div>
     </div>
-  </div>
+  <% end %>
 
-  <div class="row">
-    <div class="small-12 column">
-      <div class="callout primary">
-        <%= t("budgets.index.empty_budgets") %>
-      </div>
-    </div>
-  </div>
-<% end %>
-
-<%= render Budgets::FooterComponent.new %>
+  <%= render Budgets::FooterComponent.new %>
+</main>