From ade89ae9936013c856be7a9d47b19748a4c650a7 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Mon, 28 Apr 2025 14:26:30 +0700
Subject: [PATCH] fix animation loader

---
 src/components/data-grid/DataGridLoader.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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" />