From a278fdd91be22774a9ce46a33ffa916e642a60e7 Mon Sep 17 00:00:00 2001
From: Jussi Hallila <jussi@hallila.com>
Date: Wed, 13 Nov 2024 15:32:26 +0100
Subject: [PATCH] Fix MembersListCard description overflow.

Signed-off-by: Jussi Hallila <jussi@hallila.com>
---
 .changeset/gorgeous-masks-beg.md                             | 5 +++++
 .../components/Cards/Group/MembersList/MembersListCard.tsx   | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/gorgeous-masks-beg.md

diff --git a/.changeset/gorgeous-masks-beg.md b/.changeset/gorgeous-masks-beg.md
new file mode 100644
index 0000000000..62fadce00f
--- /dev/null
+++ b/.changeset/gorgeous-masks-beg.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-org': patch
+---
+
+Fix rendering of description in MembersListCard. Add guardrails for potential long texts to prevent it from breaking the UI.
diff --git a/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx b/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
index a54ee201c5..eff8a44015 100644
--- a/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
+++ b/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
@@ -112,7 +112,9 @@ const MemberComponent = (props: { member: UserEntity }) => {
             </Link>
           )}
           {description && (
-            <Typography variant="subtitle2">{description}</Typography>
+            <Typography variant="subtitle2">
+              <OverflowTooltip text={description} line={5} />
+            </Typography>
           )}
         </Box>
       </Box>