diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx
index 3967330..a40b23b 100644
--- a/src/app/auth/page.tsx
+++ b/src/app/auth/page.tsx
@@ -5,7 +5,7 @@ import ImageCard from '@/components/ui/image-card'
 
 export default function Auth() {
   return (
-    <AuthContent className="auth-page">
+    <AuthContent>
       <section className="justify-center py-36 px-0 flex gap-7 rounded-3xl md:dark:bg-base-black md:py-10 md:px-7 md:bg-base-white md:gap-[1.75rem] lg:gap-16">
         <ImageCard className="-my-[4.375rem] hidden md:flex">
           <Icons.golub />
diff --git a/src/app/verification/page.tsx b/src/app/verification/page.tsx
index 14b87e5..ef44c65 100644
--- a/src/app/verification/page.tsx
+++ b/src/app/verification/page.tsx
@@ -5,7 +5,7 @@ import ImageCard from '@/components/ui/image-card'
 
 export default function Verification() {
   return (
-    <AuthContent className="verification-page">
+    <AuthContent>
       <section className="justify-center flex-col pb-7 px-0 pt-20 flex gap-8 rounded-3xl md:dark:bg-base-black md:flex-row md:pt-7 md:px-7 md:bg-base-white md:gap-[1.75rem] lg:gap-16">
         <ImageCard className="bg-none px-0 pt-0 pb-1 md:hidden">
           <Icons.messages />
diff --git a/src/components/pages/auth-content.tsx b/src/components/pages/auth-content.tsx
index 04c6214..a8495af 100644
--- a/src/components/pages/auth-content.tsx
+++ b/src/components/pages/auth-content.tsx
@@ -11,7 +11,7 @@ type AuthContentProps = {
 const AuthContent: FC<AuthContentProps> = ({ children, className }) => {
   return (
     <div className={cn('h-screen w-screen bg-gradient-blue-white', className)}>
-      <Content className="flex items-start justify-center dark:bg-none dark:bg-base-gray-8 md:items-center">
+      <Content className="flex items-start justify-center dark:bg-base-gray-9 md:items-center">
         {children}
         <div className="absolute top-5 right-5">
           <ThemeToggler />