From f5350b3a2ba3503981adcfc95a60a3e2c1899d16 Mon Sep 17 00:00:00 2001
From: Hosmel Quintana <hosmelq@gmail.com>
Date: Tue, 8 Aug 2023 06:51:43 -0600
Subject: [PATCH] Fix overflow (#10641)

---
 .../ee/organizations/pages/components/MemberListItem.tsx    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/features/ee/organizations/pages/components/MemberListItem.tsx b/packages/features/ee/organizations/pages/components/MemberListItem.tsx
index fd52ecd384..d2108e9fdc 100644
--- a/packages/features/ee/organizations/pages/components/MemberListItem.tsx
+++ b/packages/features/ee/organizations/pages/components/MemberListItem.tsx
@@ -34,7 +34,7 @@ export default function MemberListItem(props: Props) {
   return (
     <li className="divide-subtle divide-y px-5">
       <div className="my-4 flex justify-between">
-        <div className="flex w-full flex-col justify-between sm:flex-row">
+        <div className="flex w-full flex-col justify-between overflow-hidden sm:flex-row">
           <div className="flex">
             <Avatar
               size="sm"
@@ -43,7 +43,7 @@ export default function MemberListItem(props: Props) {
               className="h-10 w-10 rounded-full"
             />
 
-            <div className="ms-3 inline-block">
+            <div className="ms-3 inline-block overflow-hidden">
               <div className="mb-1 flex">
                 <span className="text-default mr-1 text-sm font-bold leading-4">{name}</span>
 
@@ -60,7 +60,7 @@ export default function MemberListItem(props: Props) {
                     <a
                       target="_blank"
                       href={`${bookerUrl}/${user.username}`}
-                      className="text-default block text-sm">
+                      className="text-default block truncate text-sm">
                       {bookingLink}
                     </a>
                   </>