diff --git a/enjoy/src/renderer/components/misc/bandu-login-form.tsx b/enjoy/src/renderer/components/misc/bandu-login-form.tsx
index a396bcb9..b9f87cf8 100644
--- a/enjoy/src/renderer/components/misc/bandu-login-form.tsx
+++ b/enjoy/src/renderer/components/misc/bandu-login-form.tsx
@@ -110,7 +110,7 @@ export const BanduLoginForm = () => {
               value={phoneNumber}
               onInput={validatePhone}
               onBlur={validatePhone}
-              className="border text-lg py-2 px-4 rounded w-80"
+              className="border text-lg py-2 px-4 rounded w-80 dark:bg-background dark:text-foreground"
               ref={ref}
             />
           </div>
diff --git a/enjoy/src/renderer/components/misc/mixin-login-form.tsx b/enjoy/src/renderer/components/misc/mixin-login-form.tsx
index 73d68836..7fbd577b 100644
--- a/enjoy/src/renderer/components/misc/mixin-login-form.tsx
+++ b/enjoy/src/renderer/components/misc/mixin-login-form.tsx
@@ -90,7 +90,7 @@ export const MixinLoginForm = () => {
               placeholder={t("inputMixinId")}
               onInput={(event) => validateMixinId(event.currentTarget.value)}
               onBlur={(event) => validateMixinId(event.currentTarget.value)}
-              className="border py-2 px-4 rounded"
+              className="border py-2 px-4 rounded dark:bg-background dark:text-foreground"
             />
           </div>
           <div className="grid gap-2">