diff --git a/app/views/producers/_fat.html.haml b/app/views/producers/_fat.html.haml
index 227e5dca39..c514271a1a 100644
--- a/app/views/producers/_fat.html.haml
+++ b/app/views/producers/_fat.html.haml
@@ -1,7 +1,7 @@
 .row.active_table_row{"ng-if" => "open()", "ng-click" => "toggle($event)", "ng-class" => "{'open' : open()}"}
   .columns.small-12.fat.text-center{"ng-show" => "open() && shopfront_loading"}
     %p.fullwidth
-      %img.spinner.text-center{ src: image_path("spinning-circles.svg") }
+      = render partial: "components/loading"
 
   .columns.small-12.medium-7.large-7.fat{"ng-show" => "open() && !shopfront_loading"}
     / Will add in long description available once clean up HTML formatting producer.long_description
diff --git a/app/views/shops/_fat.html.haml b/app/views/shops/_fat.html.haml
index 289b1d3dc0..8b56a4a0cd 100644
--- a/app/views/shops/_fat.html.haml
+++ b/app/views/shops/_fat.html.haml
@@ -1,7 +1,7 @@
 .row.active_table_row{"ng-show" => "open()", "ng-click" => "toggle($event)", "ng-class" => "{'open' : open()}"}
   .columns.small-12.fat.text-center{"ng-show" => "open() && shopfront_loading"}
     %p.fullwidth
-      %img.spinner.text-center{ src: image_path("spinning-circles.svg") }
+      = render partial: "components/loading"
 
   .columns.small-12.medium-6.large-5.fat{"ng-show" => "open() && !shopfront_loading"}
     %div{"ng-if" => "::hub.taxons"}