diff --git a/src/app/(auth)/sign-in/[[...sign-in]]/page.tsx b/src/app/(auth)/sign-in/[[...sign-in]]/page.tsx
index c9d295c..4b0dd55 100644
--- a/src/app/(auth)/sign-in/[[...sign-in]]/page.tsx
+++ b/src/app/(auth)/sign-in/[[...sign-in]]/page.tsx
@@ -5,17 +5,7 @@ import { SignIn } from "@clerk/nextjs";
 export const dynamic = "force-static";
 
 const SignInPage = () => (
-  <div style={styles}>
-    <SignIn path="/sign-in" routing="path" signUpUrl="/sign-up" />
-  </div>
+  <SignIn path="/sign-in" routing="path" signUpUrl="/sign-up" />
 );
 
 export default SignInPage;
-
-const styles = {
-  width: "100vw",
-  height: "100vh",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-};
diff --git a/src/app/(auth)/sign-up/[[...sign-up]]/page.tsx b/src/app/(auth)/sign-up/[[...sign-up]]/page.tsx
index 26adc28..d94ba4e 100644
--- a/src/app/(auth)/sign-up/[[...sign-up]]/page.tsx
+++ b/src/app/(auth)/sign-up/[[...sign-up]]/page.tsx
@@ -5,17 +5,7 @@ import { SignUp } from "@clerk/nextjs";
 export const dynamic = "force-static";
 
 const SignUpPage = () => (
-  <div style={styles}>
-    <SignUp path="/sign-up" routing="path" signInUrl="/sign-in" />
-  </div>
+  <SignUp path="/sign-up" routing="path" signInUrl="/sign-in" />
 );
 
 export default SignUpPage;
-
-const styles = {
-  width: "100vw",
-  height: "100vh",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-};