From f813830dc66cfcc86b4b71757fb9d8a502c35051 Mon Sep 17 00:00:00 2001
From: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>
Date: Mon, 13 May 2024 17:09:46 +0000
Subject: [PATCH 1/3] fix(site): fix group badge

---
 .../pages/UsersPage/UsersTable/UserGroupsCell.tsx | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/site/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx b/site/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx
index b5d1f799ee71e..e04843e35c001 100644
--- a/site/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx
+++ b/site/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx
@@ -1,6 +1,5 @@
 import { useTheme } from "@emotion/react";
 import GroupIcon from "@mui/icons-material/Group";
-import Button from "@mui/material/Button";
 import List from "@mui/material/List";
 import ListItem from "@mui/material/ListItem";
 import TableCell from "@mui/material/TableCell";
@@ -31,18 +30,12 @@ export function UserGroupsCell({ userGroups }: GroupsCellProps) {
       ) : (
         <Popover mode="hover">
           <PopoverTrigger>
-            <Button
+            <button
               css={{
-                justifyContent: "flex-start",
-                fontSize: theme.typography.body2.fontSize,
-                lineHeight: theme.typography.body2.lineHeight,
-                fontWeight: 400,
+                cursor: "pointer",
+                backgroundColor: "transparent",
                 border: "none",
                 padding: 0,
-                "&:hover": {
-                  border: "none",
-                  backgroundColor: "transparent",
-                },
               }}
             >
               <Stack
@@ -62,7 +55,7 @@ export function UserGroupsCell({ userGroups }: GroupsCellProps) {
                   {userGroups.length} Group{userGroups.length !== 1 && "s"}
                 </span>
               </Stack>
-            </Button>
+            </button>
           </PopoverTrigger>
 
           <PopoverContent

From 363977a496e770c61fbb5a357bb6dbf8576cdcc2 Mon Sep 17 00:00:00 2001
From: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>
Date: Mon, 13 May 2024 18:09:39 +0000
Subject: [PATCH 2/3] Fix colors

---
 site/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/site/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx b/site/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx
index e04843e35c001..18d9f52d6c6c8 100644
--- a/site/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx
+++ b/site/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx
@@ -36,6 +36,7 @@ export function UserGroupsCell({ userGroups }: GroupsCellProps) {
                 backgroundColor: "transparent",
                 border: "none",
                 padding: 0,
+                color: "inherit",
               }}
             >
               <Stack

From 70487f129de310a65da96a4f8a7e57be8a307fea Mon Sep 17 00:00:00 2001
From: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>
Date: Mon, 13 May 2024 19:03:16 +0000
Subject: [PATCH 3/3] Adjust line height

---
 site/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/site/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx b/site/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx
index 18d9f52d6c6c8..071dc6c798b96 100644
--- a/site/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx
+++ b/site/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx
@@ -37,6 +37,7 @@ export function UserGroupsCell({ userGroups }: GroupsCellProps) {
                 border: "none",
                 padding: 0,
                 color: "inherit",
+                lineHeight: "1",
               }}
             >
               <Stack