From e832088edf07f616aba12ecb36c3bc7e2f667b6f Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Wed, 28 Apr 2021 15:12:01 -0400
Subject: [PATCH] UX: Fix styling for long label in multi-select choices
 (#12877)

---
 app/assets/stylesheets/common/select-kit/multi-select.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/assets/stylesheets/common/select-kit/multi-select.scss b/app/assets/stylesheets/common/select-kit/multi-select.scss
index 9656a7ab90..7f158fc915 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);