diff --git a/src/components/data-grid/DataGridLoader.tsx b/src/components/data-grid/DataGridLoader.tsx
index 31334ad..4802bb6 100644
--- a/src/components/data-grid/DataGridLoader.tsx
+++ b/src/components/data-grid/DataGridLoader.tsx
@@ -4,7 +4,7 @@ import { RefreshCw } from 'lucide-react';
 
 export const DataGridLoader = () => {
   return (
-    <div className="absolute inset-0 bg-white/50 flex items-center justify-center z-50 text-muted-foreground px-4 py-2">
+    <div className="fixed inset-0 bg-white/50 flex items-center justify-center z-50 text-muted-foreground px-4 py-2">
       <div className="bg-white flex items-center rounded-3xl">
         <div className="flex flex-col items-center p-5">
           <RefreshCw className="animate-spin h-8 w-8 text-slate-500 mb-2" />