diff --git a/app/components/budgets/footer_component.html.erb b/app/components/budgets/footer_component.html.erb
new file mode 100644
index 000000000..b5e0a4342
--- /dev/null
+++ b/app/components/budgets/footer_component.html.erb
@@ -0,0 +1,10 @@
+<div class="row">
+  <div class="small-12 column">
+    <div id="section_help" class="margin" data-magellan-target="section_help">
+      <p class="lead">
+        <strong><%= t("budgets.index.section_footer.title") %></strong>
+      </p>
+      <p><%= t("budgets.index.section_footer.description") %></p>
+    </div>
+  </div>
+</div>
diff --git a/app/components/budgets/footer_component.rb b/app/components/budgets/footer_component.rb
new file mode 100644
index 000000000..ba9360c74
--- /dev/null
+++ b/app/components/budgets/footer_component.rb
@@ -0,0 +1,2 @@
+class Budgets::FooterComponent < ApplicationComponent
+end
diff --git a/app/views/budgets/index.html.erb b/app/views/budgets/index.html.erb
index 6d81d4a80..68a798304 100644
--- a/app/views/budgets/index.html.erb
+++ b/app/views/budgets/index.html.erb
@@ -60,13 +60,4 @@
   </div>
 <% end %>
 
-<div class="row">
-  <div class="small-12 column">
-    <div id="section_help" class="margin" data-magellan-target="section_help">
-      <p class="lead">
-        <strong><%= t("budgets.index.section_footer.title") %></strong>
-      </p>
-      <p><%= t("budgets.index.section_footer.description") %></p>
-    </div>
-  </div>
-</div>
+<%= render Budgets::FooterComponent.new %>