diff --git a/app/views/spree/admin/variants/new.html.erb b/app/views/spree/admin/variants/new.html.erb
deleted file mode 100644
index 875fdfa0b1..0000000000
--- a/app/views/spree/admin/variants/new.html.erb
+++ /dev/null
@@ -1,9 +0,0 @@
-<%= render :partial => 'spree/shared/error_messages', :locals => { :target => @variant } %>
-
-<%= form_for [:admin, @product, @variant] do |f| %>
-  <fieldset data-hook="admin_variant_new_form">
-    <legend align="center"><%= Spree.t(:new_variant) %></legend>
-    <%= render :partial => 'form', :locals => { :f => f } %>
-    <%= render :partial => 'spree/admin/shared/new_resource_links' %>
-  </fieldset>
-<% end %>
diff --git a/app/views/spree/admin/variants/new.html.haml b/app/views/spree/admin/variants/new.html.haml
new file mode 100644
index 0000000000..9e9c6827e8
--- /dev/null
+++ b/app/views/spree/admin/variants/new.html.haml
@@ -0,0 +1,7 @@
+= render partial: 'spree/shared/error_messages', locals: { target: @variant }
+
+= form_for [:admin, @product, @variant] do |f|
+  %fieldset{'data-hook' => "admin_variant_new_form"}
+    %legend{align: "center"}= Spree.t(:new_variant)
+    = render partial: 'form', locals: { f: f }
+    = render partial: 'spree/admin/shared/new_resource_links'
diff --git a/app/views/spree/admin/variants/new.js.erb b/app/views/spree/admin/variants/new.js.erb
new file mode 100644
index 0000000000..9ddfd69970
--- /dev/null
+++ b/app/views/spree/admin/variants/new.js.erb
@@ -0,0 +1,3 @@
+$("#new_variant").html('<%= escape_javascript(render template: 'spree/admin/variants/new', formats: [:html], handlers: [:erb]) %>');
+$(".select2").select2();
+$("#new_var_link").hide();