diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx
index 1f7ddfd..ce9ab9a 100644
--- a/src/app/auth/page.tsx
+++ b/src/app/auth/page.tsx
@@ -1,26 +1,22 @@
 import FormAuth from '@/components/pages/auth/form-auth'
-import Content from '@/components/ui/content'
+import AuthContent from '@/components/pages/auth-content'
 import { Icons } from '@/components/ui/icons'
 import ImageCard from '@/components/ui/image-card'
 import { ThemeToggler } from '@/components/ui/theme-toggler'
 
 export default function Auth() {
   return (
-    <div className="h-screen w-screen bg-gradient-blue-white">
-      <Content className="flex items-center justify-center dark:bg-none dark:bg-base-gray-8">
-        <section className="p-7 sm:p-10 flex gap-7 md:gap-[3.75rem] rounded-3xl bg-base-white dark:bg-base-black">
-          <ImageCard className="-my-[4.375rem] flex-shrink-0 hidden sm:flex pt-24 pr-8 pb-36 pl-5">
-            <Icons.golub />
-          </ImageCard>
-          <article>
-            <header className="flex justify-between pb-2">
-              <h1 className="title-lg">Authentication</h1>
-              <ThemeToggler />
-            </header>
-            <FormAuth className="mt-5" />
-          </article>
-        </section>
-      </Content>
-    </div>
+    <AuthContent>
+      <ImageCard className="-my-[4.375rem] flex-shrink-0 hidden sm:flex pt-24 pr-8 pb-36 pl-5">
+        <Icons.golub />
+      </ImageCard>
+      <article>
+        <header className="flex justify-between pb-2">
+          <h1 className="title-lg">Authentication</h1>
+          <ThemeToggler />
+        </header>
+        <FormAuth className="mt-5" />
+      </article>
+    </AuthContent>
   )
 }
diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
index be3b362..9ef30c1 100644
--- a/src/app/profile/page.tsx
+++ b/src/app/profile/page.tsx
@@ -1,26 +1,22 @@
+import AuthContent from '@/components/pages/auth-content'
 import FileInput from '@/components/pages/profile/file-input'
 import FormProfile from '@/components/pages/profile/form-profile'
-import Content from '@/components/ui/content'
 import ImageCard from '@/components/ui/image-card'
 import { ThemeToggler } from '@/components/ui/theme-toggler'
 
 export default function Profile() {
   return (
-    <div className="h-screen w-screen bg-gradient-blue-white">
-      <Content className="flex items-center justify-center dark:bg-none dark:bg-base-gray-8">
-        <section className="p-7 sm:p-10 flex gap-7 md:gap-[3.75rem] rounded-3xl bg-base-white dark:bg-base-black">
-          <ImageCard className="-my-[4.375rem] flex-shrink-0 hidden sm:flex py-32 px-[3.25rem]">
-            <FileInput />
-          </ImageCard>
-          <article>
-            <header className="flex justify-between pb-2 mt-8">
-              <h1 className="title-lg">Profile</h1>
-              <ThemeToggler />
-            </header>
-            <FormProfile className="mt-5" />
-          </article>
-        </section>
-      </Content>
-    </div>
+    <AuthContent>
+      <ImageCard className="-my-[4.375rem] flex-shrink-0 hidden sm:flex py-32 px-[3.25rem]">
+        <FileInput />
+      </ImageCard>
+      <article>
+        <header className="flex justify-between pb-2 mt-8">
+          <h1 className="title-lg">Profile</h1>
+          <ThemeToggler />
+        </header>
+        <FormProfile className="mt-5" />
+      </article>
+    </AuthContent>
   )
 }
diff --git a/src/app/verification/page.tsx b/src/app/verification/page.tsx
index e66e82b..a64fd0d 100644
--- a/src/app/verification/page.tsx
+++ b/src/app/verification/page.tsx
@@ -1,26 +1,22 @@
+import AuthContent from '@/components/pages/auth-content'
 import ControlOtp from '@/components/pages/verification/control-otp'
-import Content from '@/components/ui/content'
 import { Icons } from '@/components/ui/icons'
 import ImageCard from '@/components/ui/image-card'
 import { ThemeToggler } from '@/components/ui/theme-toggler'
 
 export default function Verification() {
   return (
-    <div className="h-screen w-screen bg-gradient-blue-white">
-      <Content className="flex items-center justify-center dark:bg-none dark:bg-base-gray-8">
-        <section className="p-7 sm:p-10 flex gap-7 md:gap-[3.75rem] rounded-3xl bg-base-white dark:bg-base-black">
-          <ImageCard className="-my-[4.375rem] flex-shrink-0 hidden sm:flex pt-24 pr-8 pb-36 pl-5">
-            <Icons.golub />
-          </ImageCard>
-          <article>
-            <header className="flex justify-between items-center">
-              <h1 className="title-lg">Check your Email</h1>
-              <ThemeToggler />
-            </header>
-            <ControlOtp className="mt-5" />
-          </article>
-        </section>
-      </Content>
-    </div>
+    <AuthContent>
+      <ImageCard className="-my-[4.375rem] flex-shrink-0 hidden sm:flex pt-24 pr-8 pb-36 pl-5">
+        <Icons.golub />
+      </ImageCard>
+      <article>
+        <header className="flex justify-between items-center">
+          <h1 className="title-lg">Check your Email</h1>
+          <ThemeToggler />
+        </header>
+        <ControlOtp className="mt-5" />
+      </article>
+    </AuthContent>
   )
 }