diff --git a/components/ServerCard.tsx b/components/ServerCard.tsx
index 9e72275..43507ee 100644
--- a/components/ServerCard.tsx
+++ b/components/ServerCard.tsx
@@ -37,7 +37,7 @@ export default function ServerCard({
     <Link onClick={saveSession} href={`/${id}`} prefetch={true}>
       <Card
         className={cn(
-          "flex flex-col items-center justify-start gap-3 p-3 md:px-5 cursor-pointer",
+          "flex flex-col items-center justify-start gap-3 p-3 md:px-5 cursor-pointer hover:bg-accent/50 transition-colors",
           {
             "flex-col": fixedTopServerName,
             "lg:flex-row": !fixedTopServerName,