UX: Fix styling for long label in multi-select choices (#12877)

UX: Fix styling for long label in multi-select choices (#12877)

diff --git a/app/assets/stylesheets/common/select-kit/multi-select.scss b/app/assets/stylesheets/common/select-kit/multi-select.scss
index 9656a7a..7f158fc 100644
--- a/app/assets/stylesheets/common/select-kit/multi-select.scss
+++ b/app/assets/stylesheets/common/select-kit/multi-select.scss
@@ -145,6 +145,11 @@
         align-items: center;
         display: flex;
         justify-content: space-between;
+        max-width: calc(100% - 5px);
+
+        .name {
+          @include ellipsis;
+        }
 
         .d-icon {
           color: var(--primary-low-mid);

GitHub sha: e832088e

This commit appears in #12877 which was approved by jjaffeux. It was merged by pmusaraj.