diff --git a/webui/src/lib/components/auth/forms.jsx b/webui/src/lib/components/auth/forms.jsx
index 1f0e99fe6d4..ff904c419d7 100644
--- a/webui/src/lib/components/auth/forms.jsx
+++ b/webui/src/lib/components/auth/forms.jsx
@@ -52,7 +52,21 @@ export const AttachModal = ({
             <p>
               <strong>Selected: </strong>
               {(selected.map(item => (
-                <Badge key={item.id} pill variant="primary" className="me-1">
+                <Badge
+                  key={item.id}
+                  pill
+                  variant="primary"
+                  className="
+                      me-1
+                      d-inline-block
+                      w-25
+                      text-nowrap
+                      overflow-hidden
+                      text-truncate
+                      align-middle
+                  "
+                  title={resolveEntityFn(item)}
+                >
                   {resolveEntityFn(item)}
                 </Badge>
               )))}