diff --git a/src/components/AccountMenu.tsx b/src/components/AccountMenu.tsx
index f93eae7..1f60dda 100644
--- a/src/components/AccountMenu.tsx
+++ b/src/components/AccountMenu.tsx
@@ -61,7 +61,8 @@ const AccountMenu = () => {
               <div className="px-1 py-1">
                 <button
                   onClick={() => handleOpenAuth("signup")}
-                  className="w-full px-3 py-2 text-left font-bold border-2 border-red-600 rounded-md hover:bg-red-600/30 transition-colors"
+                  className="w-full px-3 py-2 text-left font-bold rounded-md hover:bg-[rgba(220,38,38,0.3)] focus:bg-[rgba(220,38,38,0.3)] transition-colors"
+                  style={{ border: '2px solid #dc2626' }}
                 >
                   Skapa konto
                 </button>