diff --git a/packages/core/src/components/common/progress/Loader.tsx b/packages/core/src/components/common/progress/Loader.tsx
index 1022659e..3cf02afb 100644
--- a/packages/core/src/components/common/progress/Loader.tsx
+++ b/packages/core/src/components/common/progress/Loader.tsx
@@ -35,7 +35,19 @@ const Loader = ({ children }: LoaderProps) => {
   }, [children, currentItem]);
 
   return (
-    <div className="absolute inset-0 flex flex-col gap-2 items-center justify-center">
+    <div
+      className="
+        absolute
+        inset-0
+        flex
+        flex-col
+        gap-2
+        items-center
+        justify-center
+        bg-slate-50
+        dark:bg-slate-900
+      "
+    >
       <CircularProgress />
       <div>{text}</div>
     </div>