diff --git a/pinry-spa/src/components/Pins.vue b/pinry-spa/src/components/Pins.vue
index 54aaf13..5e6b3e2 100644
--- a/pinry-spa/src/components/Pins.vue
+++ b/pinry-spa/src/components/Pins.vue
@@ -239,12 +239,7 @@ $pin-footer-position-fix: -6px;
 $avatar-width: 30px;
 $avatar-height: 30px;
 @import './utils/fonts';
-
-@mixin loader {
-  background: url('../assets/loader.gif');
-  background-position: center center;
-  background-repeat: no-repeat;
-}
+@import './utils/loader.scss';
 
 .pin-card{
   .pin-preview-image {
diff --git a/pinry-spa/src/components/utils/loader.scss b/pinry-spa/src/components/utils/loader.scss
new file mode 100644
index 0000000..1dcb4db
--- /dev/null
+++ b/pinry-spa/src/components/utils/loader.scss
@@ -0,0 +1,5 @@
+@mixin loader {
+  background: url('/assets/loader.gif');
+  background-position: center center;
+  background-repeat: no-repeat;
+}