diff --git a/app/components/admin/budget_phases/phases_component.html.erb b/app/components/admin/budget_phases/phases_component.html.erb
new file mode 100644
index 000000000..868a199bd
--- /dev/null
+++ b/app/components/admin/budget_phases/phases_component.html.erb
@@ -0,0 +1,41 @@
+<% if phases.present? %>
+  <table id="budget-phases-table" class="table-for-mobile">
+    <thead>
+      <tr>
+        <th><%= t("admin.budgets.edit.phase") %></th>
+        <th><%= t("admin.budgets.edit.dates") %></th>
+        <th class="text-center"><%= t("admin.budgets.edit.enabled") %></th>
+        <th><%= t("admin.budgets.edit.actions") %></th>
+      </tr>
+    </thead>
+
+    <% phases.each do |phase| %>
+      <tr id="<%= dom_id(phase) %>" class="phase">
+        <td>
+          <%= phase.name %>
+          <% if phase.current? %>
+            <span class="label success"><strong><%= t("admin.budgets.edit.active") %></strong></span>
+          <% end %>
+        </td>
+        <td>
+          <% if phase.starts_at.present? || phase.ends_at.present? %>
+            <%= l(phase.starts_at.to_date) if phase.starts_at.present? %>
+            -
+            <%= l(phase.ends_at.to_date) if phase.ends_at.present? %>
+          <% else %>
+            <em><%= t("admin.budgets.edit.blank_dates") %></em>
+          <% end %>
+        </td>
+        <td class="text-center">
+          <span class="budget-phase-enabled <%= phase.enabled? ? "enabled" : "disabled" %>"></span>
+        </td>
+        <td>
+          <%= render Admin::TableActionsComponent.new(phase,
+            actions: [:edit],
+            edit_text: t("admin.budgets.edit.edit_phase")
+          ) %>
+        </td>
+      </tr>
+    <% end %>
+  </table>
+<% end %>
diff --git a/app/components/admin/budget_phases/phases_component.rb b/app/components/admin/budget_phases/phases_component.rb
new file mode 100644
index 000000000..e7e09176a
--- /dev/null
+++ b/app/components/admin/budget_phases/phases_component.rb
@@ -0,0 +1,13 @@
+class Admin::BudgetPhases::PhasesComponent < ApplicationComponent
+  attr_reader :budget
+
+  def initialize(budget)
+    @budget = budget
+  end
+
+  private
+
+    def phases
+      budget.phases.order(:id)
+    end
+end
diff --git a/app/views/admin/budgets/_form.html.erb b/app/views/admin/budgets/_form.html.erb
index c2c243763..295f1234a 100644
--- a/app/views/admin/budgets/_form.html.erb
+++ b/app/views/admin/budgets/_form.html.erb
@@ -44,48 +44,7 @@
     </div>
 
     <%= render Admin::Budgets::HelpComponent.new("budget_phases") %>
-
-    <% if @budget.phases.present? %>
-      <table id="budget-phases-table" class="table-for-mobile">
-        <thead>
-          <tr>
-            <th><%= t("admin.budgets.edit.phase") %></th>
-            <th><%= t("admin.budgets.edit.dates") %></th>
-            <th class="text-center"><%= t("admin.budgets.edit.enabled") %></th>
-            <th><%= t("admin.budgets.edit.actions") %></th>
-          </tr>
-        </thead>
-
-        <% @budget.phases.order(:id).each do |phase| %>
-          <tr id="<%= dom_id(phase) %>" class="phase">
-            <td>
-              <%= phase.name %>
-              <% if phase.current? %>
-                <span class="label success"><strong><%= t("admin.budgets.edit.active") %></strong></span>
-              <% end %>
-            </td>
-            <td>
-              <% if phase.starts_at.present? || phase.ends_at.present? %>
-                <%= l(phase.starts_at.to_date) if phase.starts_at.present? %>
-                -
-                <%= l(phase.ends_at.to_date) if phase.ends_at.present? %>
-              <% else %>
-                <em><%= t("admin.budgets.edit.blank_dates") %></em>
-              <% end %>
-            </td>
-            <td class="text-center">
-              <span class="budget-phase-enabled <%= phase.enabled? ? "enabled" : "disabled" %>"></span>
-            </td>
-            <td>
-              <%= render Admin::TableActionsComponent.new(phase,
-                actions: [:edit],
-                edit_text: t("admin.budgets.edit.edit_phase")
-              ) %>
-            </td>
-          </tr>
-        <% end %>
-      </table>
-    <% end %>
+    <%= render Admin::BudgetPhases::PhasesComponent.new(@budget) %>
   </fieldset>
 
   <% if @budget.persisted? %>