diff --git a/apps/v4/app/globals.css b/apps/v4/app/globals.css
index d2789ead19..d15228cdca 100644
--- a/apps/v4/app/globals.css
+++ b/apps/v4/app/globals.css
@@ -109,7 +109,7 @@
 
 .theme-login-three {
   --primary: #22c55e;
-  --primary-foreground: #fff;
+  --primary-foreground: #000;
   --ring: #22c55e;
   --radius: 1.5rem;
 
@@ -122,6 +122,10 @@
   [data-slot="card"] {
     @apply shadow-xl;
   }
+
+  [data-slot="input"] {
+    @apply dark:bg-input;
+  }
 }
 
 @theme inline {
diff --git a/apps/v4/components/login-form.tsx b/apps/v4/components/login-form.tsx
index ebfe159637..2ea0a2f435 100644
--- a/apps/v4/components/login-form.tsx
+++ b/apps/v4/components/login-form.tsx
@@ -97,7 +97,7 @@ export function LoginForm({
                 fill
                 src={imageUrl}
                 alt="Image"
-                className="absolute inset-0 h-full w-full object-cover dark:brightness-[0.2] dark:grayscale"
+                className="absolute inset-0 h-full w-full object-cover"
               />
             )}
           </div>