Fix button styling in UserHoverCard component

thebkht · Nov 23, 2023 · 782c4d7 · 782c4d7
1 parent bec41a2
commit 782c4d7
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/user-hover-card.tsx b/components/user-hover-card.tsx
@@ -62,10 +62,10 @@ export default function UserHoverCard({ user, children, className, ...props }: R
           </p>
           <div className="flex items-center gap-1 w-full">
             <Users2 className="mr-2 h-5 w-5 text-muted-foreground" />
-            <Button variant={"outline"} size={"sm"} className="pl-0 py-0 border-none hover:bg-transparent">
+            <Button variant={"outline"} size={"sm"} className="pl-0 py-0 shadow-none border-none hover:bg-transparent">
               <span><span className="font-bold text-card-foreground">{formatNumberWithSuffix(user?.Followers?.length)}</span> <span className="text-muted-foreground ml-2">Followers</span></span>
             </Button>
-            <Button variant={"outline"} size={"sm"} className="pl-0 py-0 border-none hover:bg-transparent">
+            <Button variant={"outline"} size={"sm"} className="pl-0 py-0 shadow-none border-none hover:bg-transparent">
               <span><span className="font-bold text-card-foreground">{formatNumberWithSuffix(user?.Followings?.length)}</span> <span className="text-muted-foreground ml-2">Followings</span></span>
             </Button>
           </div>