From 6cc04a2bef62d2fe1a962d878c93a8b8b4af4585 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 10 Jun 2024 15:37:38 -0300
Subject: [PATCH] Fixed Memories badge overflow

---
 src/frontend/src/modals/IOModal/index.tsx | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/modals/IOModal/index.tsx b/src/frontend/src/modals/IOModal/index.tsx
index d777a5807..74b15ccd8 100644
--- a/src/frontend/src/modals/IOModal/index.tsx
+++ b/src/frontend/src/modals/IOModal/index.tsx
@@ -358,13 +358,22 @@ export default function IOModal({
                           });
                         }}
                       >
-                        <div className="flex w-full items-center justify-between border-b px-2 py-1 align-middle">
-                          <Badge variant="gray" size="md">
-                            {session}
-                          </Badge>
-                          <div className="flex items-center justify-center gap-2 align-middle">
+                        <div className="flex w-full items-center justify-between gap-2 overflow-hidden border-b px-2 py-3.5 align-middle">
+                          <ShadTooltip styleClasses="z-50" content={session}>
+                            <div className="flex min-w-0">
+                              <Badge
+                                variant="gray"
+                                size="md"
+                                className="block truncate"
+                              >
+                                {session}
+                              </Badge>
+                            </div>
+                          </ShadTooltip>
+                          <div className="flex shrink-0 items-center justify-center gap-2 align-middle">
                             <Button
-                              variant="ghost"
+                              variant="none"
+                              size="icon"
                               onClick={(e) => {
                                 e.preventDefault();
                                 e.stopPropagation();
@@ -375,7 +384,7 @@ export default function IOModal({
                             >
                               <ShadTooltip
                                 styleClasses="z-50"
-                                content={"delete"}
+                                content={"Delete"}
                               >
                                 <div>
                                   <IconComponent