diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx
index b3d22302..6661c3f9 100644
--- a/src/app/(main)/layout.tsx
+++ b/src/app/(main)/layout.tsx
@@ -36,7 +36,11 @@ export default function Layout({ children }: LayoutProps) {
   }
 
   if (isPending) {
-    return <Spinner />;
+    return (
+      <div className="flex min-h-screen items-center justify-center">
+        <Spinner />
+      </div>
+    );
   }
 
   // TODO: refactor
diff --git a/src/components/Spinner.tsx b/src/components/Spinner.tsx
index c0305266..d65b9b85 100644
--- a/src/components/Spinner.tsx
+++ b/src/components/Spinner.tsx
@@ -10,7 +10,7 @@ export default function Spinner({
   extraClasses,
 }: SpinnerProps) {
   return (
-    <div className="flex min-h-screen items-center justify-center">
+    <div className="flex justify-center">
       <svg
         className={`h-5 w-5 animate-spin ${color} ${extraClasses}`}
         xmlns="http://www.w3.org/2000/svg"