diff --git a/src/pages/groups/ManageGroups.tsx b/src/pages/groups/ManageGroups.tsx
index 32841c2..3b02d8e 100644
--- a/src/pages/groups/ManageGroups.tsx
+++ b/src/pages/groups/ManageGroups.tsx
@@ -223,7 +223,7 @@ const ManageGroups = () => {
 
         <div className="grid gap-5 lg:gap-7.5 mt-5 relative">
           {isReloading && (
-            <div className="fixed inset-0 flex items-center justify-center z-50 bg-white/70">
+            <div className="fixed inset-0 bg-transparent flex items-center justify-center z-50 text-muted-foreground px-4 py-2">
               <div className="flex flex-col items-center">
                 <RefreshCw className="animate-spin h-8 w-8 text-slate-500 mb-2" />
                 <span className="text-slate-500 font-medium">Refreshing data...</span>