diff --git a/app/components/layout/Loading.tsx b/app/components/layout/Loading.tsx
index 4f43584..2f2b4b4 100644
--- a/app/components/layout/Loading.tsx
+++ b/app/components/layout/Loading.tsx
@@ -4,7 +4,7 @@ const Loading = () => {
   const navigation = useNavigation();
   return (
     <div
-      className={`absolute flex items-center text-center h-screen w-screen top-0 z-50 bg-black/50 pointer-events-none transition-opacity duration-700 opacity-${
+      className={`fixed flex items-center text-center h-screen w-screen top-0 z-50 bg-black/50 pointer-events-none transition-opacity duration-700 opacity-${
         navigation.state == "loading" ? 100 : 0
       }`}
     >