diff --git a/layers/components/atoms/loading/Full.vue b/layers/components/atoms/loading/Full.vue
index ef034d4..dfcee82 100644
--- a/layers/components/atoms/loading/Full.vue
+++ b/layers/components/atoms/loading/Full.vue
@@ -18,7 +18,7 @@ const { fullLoading } = storeToRefs(loadingStore)
   @apply fixed inset-0 bg-black pt-[96px] flex items-center justify-center sm:pt-[112px] z-[150];
 }
 .spinner {
-  @apply w-[80px] h-[80px] bg-cover bg-center bg-no-repeat bg-[url('/images/common/publisning_template_loader_black.png')];
+  @apply w-[80px] h-[80px] bg-cover bg-center bg-no-repeat bg-[url('/images/common/publisning_template_loader_white.png')];
 }
 
 [data-theme='light'] {
@@ -26,7 +26,7 @@ const { fullLoading } = storeToRefs(loadingStore)
     @apply bg-white/90;
   }
   .spinner {
-    @apply bg-[url('/images/common/publisning_template_loader_white.png')];
+    @apply bg-[url('/images/common/publisning_template_loader_black.png')];
   }
 }
 </style>
diff --git a/layers/components/atoms/loading/Local.vue b/layers/components/atoms/loading/Local.vue
index 50000f8..0a4ec5b 100644
--- a/layers/components/atoms/loading/Local.vue
+++ b/layers/components/atoms/loading/Local.vue
@@ -28,12 +28,12 @@ const canTeleport = (localId: string) => {
   @apply absolute inset-0  flex items-center justify-center z-[5];
 }
 .spinner {
-  @apply w-[80px] h-[80px] bg-cover bg-center bg-no-repeat bg-[url('/images/common/publisning_template_loader_black.png')];
+  @apply w-[80px] h-[80px] bg-cover bg-center bg-no-repeat bg-[url('/images/common/publisning_template_loader_white.png')];
 }
 
 [data-theme='light'] {
   .spinner {
-    @apply bg-[url('/images/common/publisning_template_loader_white.png')];
+    @apply bg-[url('/images/common/publisning_template_loader_black.png')];
   }
 }
 </style>