Merge branch '284471-fix-dropdown-button-truncation' into 'master'

Fix vulnerability report filter dropdown button text truncation

See merge request gitlab-org/gitlab!65634

ee/app/assets/javascripts/security_dashboard/components/shared/filters/filter_body.vue

@@ -74,14 +74,16 @@ export default {
       @hide="$emit('dropdown-hide')"
     >
       <template #button-text>
-        <gl-truncate
-          :text="firstSelectedOption"
-          class="gl-min-w-0 gl-mr-2"
-          :data-qa-selector="qaSelector"
-        />
-        <span v-if="extraOptionCount" class="gl-mr-2">
-          {{ n__('+%d more', '+%d more', extraOptionCount) }}
-        </span>
+        <div class="gl-display-flex">
+          <gl-truncate
+            :text="firstSelectedOption"
+            class="gl-min-w-0"
+            :data-qa-selector="qaSelector"
+          />
+          <span v-if="extraOptionCount" class="gl-ml-2">
+            {{ n__('+%d more', '+%d more', extraOptionCount) }}
+          </span>
+        </div>
       </template>
 
       <template v-if="showSearchBox" #header>