diff --git a/.changeset/every-ties-help.md b/.changeset/every-ties-help.md new file mode 100644 index 00000000000..6f796a8fd46 --- /dev/null +++ b/.changeset/every-ties-help.md @@ -0,0 +1,5 @@ +--- +'@clerk/clerk-js': patch +--- + +Add missing selected and hover states to `RolesListItem` option. diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/MemberListTable.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/MemberListTable.tsx index c47c185581a..9eb9592e108 100644 --- a/packages/clerk-js/src/ui/components/OrganizationProfile/MemberListTable.tsx +++ b/packages/clerk-js/src/ui/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, ]}