diff --git a/app/javascript/vue/my_modules/list.vue b/app/javascript/vue/my_modules/list.vue
index 6724f037a..2fd7e9d7e 100644
--- a/app/javascript/vue/my_modules/list.vue
+++ b/app/javascript/vue/my_modules/list.vue
@@ -338,7 +338,7 @@ export default {
     usersFilterRenderer(option) {
       return `<div class="flex items-center gap-2">
                 <img src="${option[2].avatar_url}" class="rounded-full w-6 h-6" />
-                <span>${option[1]}</span>
+                <span title="${option[1]}" class="truncate">${option[1]}</span>
               </div>`;
     }
   }
diff --git a/app/javascript/vue/projects/list.vue b/app/javascript/vue/projects/list.vue
index 185a74d7e..b691842ac 100644
--- a/app/javascript/vue/projects/list.vue
+++ b/app/javascript/vue/projects/list.vue
@@ -245,7 +245,7 @@ export default {
     usersFilterRenderer(option) {
       return `<div class="flex items-center gap-2">
                 <img src="${option[2].avatar_url}" class="rounded-full w-6 h-6" />
-                <span>${option[1]}</span>
+                <span title="${option[1]}" class="truncate">${option[1]}</span>
               </div>`;
     },
     nameRenderer(params) {
diff --git a/app/javascript/vue/protocols/table.vue b/app/javascript/vue/protocols/table.vue
index 837b9e6fa..24e7eeffb 100644
--- a/app/javascript/vue/protocols/table.vue
+++ b/app/javascript/vue/protocols/table.vue
@@ -342,7 +342,7 @@ export default {
     usersFilterRenderer(option) {
       return `<div class="flex items-center gap-2">
                 <img src="${option[2].avatar_url}" class="rounded-full w-6 h-6" />
-                <span>${option[1]}</span>
+                <span class="truncate" title="${option[1]}">${option[1]}</span>
               </div>`;
     }
   }
diff --git a/app/javascript/vue/shared/filters/filter_dropdown.vue b/app/javascript/vue/shared/filters/filter_dropdown.vue
index ce164db57..e9058028e 100644
--- a/app/javascript/vue/shared/filters/filter_dropdown.vue
+++ b/app/javascript/vue/shared/filters/filter_dropdown.vue
@@ -19,7 +19,7 @@
             <i class="sn-icon sn-icon-close"></i>
           </button>
         </div>
-        <div class="max-h-[40vh] px-3.5 overflow-y-auto">
+        <div class="max-h-[40vh] px-3.5 overflow-y-auto max-w-[400px]">
           <div v-for="filter in filters" :key="filter.key">
             <Component
               :is="`${filter.type}Filter`"
diff --git a/app/javascript/vue/shared/select_dropdown.vue b/app/javascript/vue/shared/select_dropdown.vue
index bec159296..c92217b4a 100644
--- a/app/javascript/vue/shared/select_dropdown.vue
+++ b/app/javascript/vue/shared/select_dropdown.vue
@@ -69,14 +69,14 @@
                 :class="[sizeClass, {'!bg-sn-super-light-blue': valueSelected(option[0])}]"
               >
                 <div v-if="withCheckboxes"
-                    class="sn-checkbox-icon"
+                    class="sn-checkbox-icon shrink-0"
                     :class="{
                       'checked': valueSelected(option[0]),
                       'unchecked': !valueSelected(option[0]),
                     }"
                 ></div>
-                <div v-if="optionRenderer" v-html="optionRenderer(option)"></div>
-                <div v-else >{{ option[1] }}</div>
+                <div class="truncate" v-if="optionRenderer" v-html="optionRenderer(option)"></div>
+                <div class="truncate" v-else >{{ option[1] }}</div>
               </div>
             </template>
             <div v-if="filteredOptions.length === 0" class="text-sn-grey text-center py-2.5">