diff --git a/app/views/home/_filters.html.haml b/app/views/home/_filters.html.haml
index cf157a611e..4fd3360d5c 100644
--- a/app/views/home/_filters.html.haml
+++ b/app/views/home/_filters.html.haml
@@ -1,9 +1,4 @@
-.row
-  .small-12.columns
-    %a.button.primary.tiny.filterbtn{{"ng-click" => "filtersActive = !filtersActive"}}
-      {{ filterText(filtersActive) }}
-      %i.ofn-i_005-caret-down{"ng-show" => "!filtersActive"}
-      %i.ofn-i_006-caret-up{"ng-show" => "filtersActive"}
+= render partial: 'shared/components/filter_controls'
 
 .row.animate-show{"ng-show" => "filtersActive"}
   .small-12.columns
diff --git a/app/views/producers/_filters.html.haml b/app/views/producers/_filters.html.haml
index d5158858b1..0f1f2f483a 100644
--- a/app/views/producers/_filters.html.haml
+++ b/app/views/producers/_filters.html.haml
@@ -1,9 +1,4 @@
-.row
-  .small-12.columns
-    %a.button.primary.tiny.filterbtn{{"ng-click" => "filtersActive = !filtersActive"}}
-      {{ filterText(filtersActive) }}
-      %i.ofn-i_005-caret-down{"ng-show" => "!filtersActive"}
-      %i.ofn-i_006-caret-up{"ng-show" => "filtersActive"}
+= render partial: 'shared/components/filter_controls'
 
 .row.animate-show{"ng-show" => "filtersActive"}
   .small-12.columns
diff --git a/app/views/shared/components/_filter_controls.html.haml b/app/views/shared/components/_filter_controls.html.haml
new file mode 100644
index 0000000000..7fe95c324a
--- /dev/null
+++ b/app/views/shared/components/_filter_controls.html.haml
@@ -0,0 +1,6 @@
+.row
+  .small-12.columns
+    %a.button.primary.tiny.filterbtn{{"ng-click" => "filtersActive = !filtersActive"}}
+      {{ filterText(filtersActive) }}
+      %i.ofn-i_005-caret-down{"ng-show" => "!filtersActive"}
+      %i.ofn-i_006-caret-up{"ng-show" => "filtersActive"}