diff --git a/app/components/proposals/new_component.html.erb b/app/components/proposals/new_component.html.erb
new file mode 100644
index 000000000..51e567cb9
--- /dev/null
+++ b/app/components/proposals/new_component.html.erb
@@ -0,0 +1,25 @@
+<div class="proposal-new">
+
+  <div class="small-12 medium-9 column">
+    <%= back_link_to %>
+
+    <h1><%= t("proposals.new.start_new") %></h1>
+    <div data-alert class="callout primary">
+      <%= link_to help_path(anchor: "proposals"), title: t("shared.target_blank"), target: "_blank" do %>
+        <%= t("proposals.new.more_info") %>
+      <% end %>
+    </div>
+
+    <%= render Proposals::FormComponent.new(proposal, url: proposals_path) %>
+  </div>
+
+  <div class="small-12 medium-3 column">
+    <span class="icon-proposals float-right"></span>
+    <h2><%= t("proposals.new.recommendations_title") %></h2>
+    <ul class="recommendations">
+      <li><%= t("proposals.new.recommendation_one") %></li>
+      <li><%= t("proposals.new.recommendation_two") %></li>
+      <li><%= t("proposals.new.recommendation_three") %></li>
+    </ul>
+  </div>
+</div>
diff --git a/app/components/proposals/new_component.rb b/app/components/proposals/new_component.rb
new file mode 100644
index 000000000..3b3c85d97
--- /dev/null
+++ b/app/components/proposals/new_component.rb
@@ -0,0 +1,7 @@
+class Proposals::NewComponent < ApplicationComponent
+  attr_reader :proposal
+
+  def initialize(proposal)
+    @proposal = proposal
+  end
+end
diff --git a/app/views/proposals/new.html.erb b/app/views/proposals/new.html.erb
index 721e7cee4..92a9ce0e4 100644
--- a/app/views/proposals/new.html.erb
+++ b/app/views/proposals/new.html.erb
@@ -1,24 +1 @@
-<div class="proposal-new">
-
-  <div class="small-12 medium-9 column">
-    <%= back_link_to %>
-
-    <h1><%= t("proposals.new.start_new") %></h1>
-    <div data-alert class="callout primary">
-      <%= link_to help_path(anchor: "proposals"), title: t("shared.target_blank"), target: "_blank" do %>
-        <%= t("proposals.new.more_info") %>
-      <% end %>
-    </div>
-    <%= render "proposals/form", form_url: proposals_path %>
-  </div>
-
-  <div class="small-12 medium-3 column">
-    <span class="icon-proposals float-right"></span>
-    <h2><%= t("proposals.new.recommendations_title") %></h2>
-    <ul class="recommendations">
-      <li><%= t("proposals.new.recommendation_one") %></li>
-      <li><%= t("proposals.new.recommendation_two") %></li>
-      <li><%= t("proposals.new.recommendation_three") %></li>
-    </ul>
-  </div>
-</div>
+<%= render Proposals::NewComponent.new(@proposal) %>