diff --git a/src/components/AccountMenu.tsx b/src/components/AccountMenu.tsx
index fc5ad6b..ae4a999 100644
--- a/src/components/AccountMenu.tsx
+++ b/src/components/AccountMenu.tsx
@@ -69,7 +69,7 @@ const AccountMenu = () => {
               </div>
               <DropdownMenuItem
                 onClick={() => handleOpenAuth("login")}
-                className="cursor-pointer hover:!bg-[rgba(220,38,38,0.3)] focus:!bg-[rgba(220,38,38,0.3)]"
+                className="cursor-pointer hover:!bg-[rgba(220,38,38,0.3)] focus:!bg-[rgba(220,38,38,0.3)] hover:!text-black focus:!text-black"
               >
                 Logga in
               </DropdownMenuItem>