-.-

src/app/_components/profile-popover.tsx

@@ -15,8 +15,7 @@ import type { Player } from "@/server/db/schema";
 import { appRoutes } from "@/config/app.routes";
 
 function UserPopover({ player }: { player: Player }) {
-  const dropdownItemClassName =
-    "focus:bg-border/30 focus:text-white flex items-center gap-1 ";
+  const dropdownItemClassName = " flex items-center gap-1 ";
   return (
     <DropdownMenu>
       <DropdownMenuTrigger>
@@ -26,7 +25,7 @@ function UserPopover({ player }: { player: Player }) {
           className="border-border/20 size-10 cursor-pointer border-2"
         />
       </DropdownMenuTrigger>
-      <DropdownMenuContent className="bg-border/30 container-bg text-white">
+      <DropdownMenuContent>
         <DropdownMenuLabel className="w-32 truncate overflow-hidden font-bold">
           {player.displayName}
         </DropdownMenuLabel>