From b4066b8220651e9ea6d5e43deebd1242ada3f850 Mon Sep 17 00:00:00 2001
From: Dumitru Tiberiu-Andrei <Tiberiu-Andrei.DUMITRU@ext.ec.europa.eu>
Date: Wed, 7 Feb 2024 17:51:24 +0200
Subject: [PATCH] OEL-2784: Fixed multiselect overflow. (#572)

[skip chromatic]

Co-authored-by: Tiberiu Dumitru <tiberiu.dumitru23@gmail.com>
---
 src/themes/default/src/scss/_multiselect.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/themes/default/src/scss/_multiselect.scss b/src/themes/default/src/scss/_multiselect.scss
index 2ea5d7d47..5348bdd6a 100644
--- a/src/themes/default/src/scss/_multiselect.scss
+++ b/src/themes/default/src/scss/_multiselect.scss
@@ -47,8 +47,8 @@ select.multi-select {
       font-weight: $badge-font-weight;
       line-height: 1;
       color: $badge-color;
-      text-align: center;
-      white-space: nowrap;
+      text-align: left;
+      white-space: normal;
       vertical-align: baseline;
       padding-right: map-get($spacers, "3-5");
       @include border-radius($badge-border-radius);
@@ -61,14 +61,14 @@ select.multi-select {
           content: "";
           display: inline-block;
           height: 1rem;
-          transform: scale(0.8);
+          transform: scale(0.8) translateY(50%);
           width: 1rem;
           padding: 15px;
           background-position: 50%;
           border-radius: 50%;
           position: absolute;
           right: 0;
-          bottom: -2px;
+          bottom: calc(50% - 3px);
         }
       }
     }