diff --git a/frontend/public/text-logo-light.png b/frontend/public/text-logo-light.png
new file mode 100644
index 0000000..d062bc7
Binary files /dev/null and b/frontend/public/text-logo-light.png differ
diff --git a/frontend/src/app/(public)/login/page.tsx b/frontend/src/app/(public)/login/page.tsx
index a29383b..e5b146e 100644
--- a/frontend/src/app/(public)/login/page.tsx
+++ b/frontend/src/app/(public)/login/page.tsx
@@ -10,7 +10,16 @@ export default function LoginPage() {
           alt="ROYALS"
           width={1158}
           height={277}
-          className="h-auto w-full max-w-[320px]"
+          className="hidden h-auto w-full max-w-[320px] dark:inline-block"
+          priority={true}
+        />
+        <Image
+          src="/text-logo-light.png"
+          alt="ROYALS"
+          width={1158}
+          height={277}
+          className="inline-block h-auto w-full max-w-[320px] dark:hidden"
+          priority={true}
         />
         <LoginForm />
       </div>