From bebd569c565516fb411c276bf47b1aef80c5bc9e Mon Sep 17 00:00:00 2001
From: Stephen Glass <stephen@stephen.glass>
Date: Wed, 10 Jul 2024 20:44:25 -0400
Subject: [PATCH] Fix extra divider displayed on user list picker component

Signed-off-by: Stephen Glass <stephen@stephen.glass>
---
 .changeset/pink-gorillas-brake.md                            | 5 +++++
 .../src/components/UserListPicker/UserListPicker.tsx         | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/pink-gorillas-brake.md

diff --git a/.changeset/pink-gorillas-brake.md b/.changeset/pink-gorillas-brake.md
new file mode 100644
index 0000000000..188884f13c
--- /dev/null
+++ b/.changeset/pink-gorillas-brake.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-catalog-react': patch
+---
+
+Fix extra divider displayed on user list picker component
diff --git a/plugins/catalog-react/src/components/UserListPicker/UserListPicker.tsx b/plugins/catalog-react/src/components/UserListPicker/UserListPicker.tsx
index 7f0ff8be74..c6b515aa67 100644
--- a/plugins/catalog-react/src/components/UserListPicker/UserListPicker.tsx
+++ b/plugins/catalog-react/src/components/UserListPicker/UserListPicker.tsx
@@ -247,11 +247,11 @@ export const UserListPicker = (props: UserListPickerProps) => {
           </Typography>
           <Card className={classes.groupWrapper}>
             <List disablePadding dense role="menu" aria-label={group.name}>
-              {group.items.map(item => (
+              {group.items.map((item, index) => (
                 <MenuItem
                   role="none presentation"
                   key={item.id}
-                  divider
+                  divider={index !== group.items.length - 1}
                   onClick={() => setSelectedUserFilter(item.id)}
                   selected={item.id === filters.user?.value}
                   className={classes.menuItem}