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>
+        <div class="gl-display-flex">
           <gl-truncate
             :text="firstSelectedOption"
-          class="gl-min-w-0 gl-mr-2"
+            class="gl-min-w-0"
             :data-qa-selector="qaSelector"
           />
-        <span v-if="extraOptionCount" class="gl-mr-2">
+          <span v-if="extraOptionCount" class="gl-ml-2">
             {{ n__('+%d more', '+%d more', extraOptionCount) }}
           </span>
+        </div>
       </template>
 
       <template v-if="showSearchBox" #header>