diff --git a/src/app/(internal)/(auth)/auth/page.tsx b/src/app/(internal)/(auth)/auth/page.tsx
index 6ce6591..4e92db4 100644
--- a/src/app/(internal)/(auth)/auth/page.tsx
+++ b/src/app/(internal)/(auth)/auth/page.tsx
@@ -9,7 +9,7 @@ export const metadata: Metadata = {
 
 export default function page() {
   return (
-    <div>
+    <div className="w-full h-full">
       <AuthenticationModal />
     </div>
   );
diff --git a/src/components/pages/auth/AuthenticationModal.tsx b/src/components/pages/auth/AuthenticationModal.tsx
index 8384576..3bcd911 100644
--- a/src/components/pages/auth/AuthenticationModal.tsx
+++ b/src/components/pages/auth/AuthenticationModal.tsx
@@ -42,20 +42,21 @@ export default function AuthenticationModal() {
               variant: "destructive",
             });
             throw new Error(error);
+          }
+
+          toast({
+            title: "Success",
+            description: "Signed in successfully",
+            variant: "success",
+          });
+          if (redirect) {
+            router.push(redirect);
           } else {
-            toast({
-              title: "Success",
-              description: "Signed in successfully",
-              variant: "success",
-            });
-            if (redirect) {
-              router.push(redirect);
-            } else {
-              router.push("/");
-            }
+            router.push("/");
           }
         },
       });
+      // biome-ignore lint/suspicious/noExplicitAny: <explanation>
     } catch (error: any) {
       toast({
         title: "Error",
@@ -66,11 +67,11 @@ export default function AuthenticationModal() {
   };
 
   return (
-    <div className="w-auto mx-auto p-4 h-full flex items-center justify-center">
+    <div className="w-full h-full flex items-center justify-center p-4">
       <div className="md:block hidden">
         <DesktopAuthModal sdk={sdk} connect={connect} />
       </div>
-      <div className="md:hidden block">
+      <div className="md:hidden block w-full">
         <MobileAuthModal sdk={sdk} connect={connect} />
       </div>
     </div>
diff --git a/src/components/pages/auth/DesktopAuthModal.tsx b/src/components/pages/auth/DesktopAuthModal.tsx
index 5e3672a..066f8a3 100644
--- a/src/components/pages/auth/DesktopAuthModal.tsx
+++ b/src/components/pages/auth/DesktopAuthModal.tsx
@@ -33,8 +33,8 @@ export function DesktopAuthModal({ sdk, connect }: Props) {
       }}
       className="relative"
     >
-      <Card className="w-full h-full min-h-[500px] flex !shadow-xl rounded-3xl overflow-hidden border-0">
-        <div className="relative w-full">
+      <Card className="w-full h-[600px] flex !shadow-xl rounded-3xl overflow-hidden border-0 p-0">
+        <div className="relative w-full h-full">
           {/* Right Panel */}
           <motion.div
             initial={{ x: "-50%" }}
diff --git a/src/components/pages/auth/MobileAuthModal.tsx b/src/components/pages/auth/MobileAuthModal.tsx
index 1e7a6e1..9f1bce5 100644
--- a/src/components/pages/auth/MobileAuthModal.tsx
+++ b/src/components/pages/auth/MobileAuthModal.tsx
@@ -30,7 +30,7 @@ export function MobileAuthModal({ sdk, connect }: Props) {
       }}
       className="w-full"
     >
-      <Card className="w-full min-h-[500px] !shadow-none rounded-3xl overflow-hidden border-t border-l border-r md:border-0 mt-96">
+      <Card className="w-full h-[600px] !shadow-none rounded-3xl overflow-hidden border-t border-l border-r md:border-0 p-0">
         <div className="flex flex-col w-full h-full">
           {/* Top Panel */}
           <motion.div