From 412473991ec040f85552ab690141744380a7def5 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Wed, 17 Dec 2025 15:13:39 -0500
Subject: [PATCH] chore(ui): Fix RolesListItem selected and hover states

---
 .changeset/chubby-beans-type.md                             | 2 ++
 .../src/components/OrganizationProfile/MemberListTable.tsx  | 6 ++++++
 2 files changed, 8 insertions(+)
 create mode 100644 .changeset/chubby-beans-type.md

diff --git a/.changeset/chubby-beans-type.md b/.changeset/chubby-beans-type.md
new file mode 100644
index 00000000000..a845151cc84
--- /dev/null
+++ b/.changeset/chubby-beans-type.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/ui/src/components/OrganizationProfile/MemberListTable.tsx b/packages/ui/src/components/OrganizationProfile/MemberListTable.tsx
index c47c185581a..9eb9592e108 100644
--- a/packages/ui/src/components/OrganizationProfile/MemberListTable.tsx
+++ b/packages/ui/src/components/OrganizationProfile/MemberListTable.tsx
@@ -242,6 +242,12 @@ const RolesListItem = memo((props: RolesListItemProps) => {
           width: '100%',
           padding: `${theme.space.$2} ${theme.space.$4}`,
           borderRadius: theme.radii.$md,
+          '&:hover': {
+            backgroundColor: theme.colors.$neutralAlpha100,
+          },
+          '&[data-focused="true"]': {
+            backgroundColor: theme.colors.$neutralAlpha150,
+          },
         }),
         sx,
       ]}