From ef964116904b672937f3ab7fce22212071be59d5 Mon Sep 17 00:00:00 2001
From: Piyush Bhaskar <102078527+Piyush-r-bhaskar@users.noreply.github.com>
Date: Fri, 31 Jan 2025 18:28:22 +0530
Subject: [PATCH 1/2] fix(ui): Custom Dashboard name overflows.

---
 ui/src/components/filter/KestraFilter.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/ui/src/components/filter/KestraFilter.vue b/ui/src/components/filter/KestraFilter.vue
index d2256a8f2c7..e6b69ddc1d4 100644
--- a/ui/src/components/filter/KestraFilter.vue
+++ b/ui/src/components/filter/KestraFilter.vue
@@ -835,6 +835,7 @@ $dashboards: 52px;
         }
 
         &.dashboards {
+            min-width: $dashboards;
             max-width: calc(100% - $included - $dashboards);
         }
     }
@@ -872,6 +873,7 @@ $dashboards: 52px;
 .filters-select {
     & .el-select-dropdown {
         width: auto !important;
+        max-width: 300px;
 
         &:has(.el-select-dropdown__empty) {
             width: auto !important;

From d302f1d8043f79757f53a0ba12f377cf3282e4d0 Mon Sep 17 00:00:00 2001
From: YannC <ycoornaert@kestra.io>
Date: Mon, 3 Feb 2025 14:36:08 +0100
Subject: [PATCH 2/2] fix(ui): avoid dashboard button being too long

---
 ui/src/components/filter/segments/Dashboards.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/filter/segments/Dashboards.vue b/ui/src/components/filter/segments/Dashboards.vue
index ca7d006fadb..8c9e48ecf15 100644
--- a/ui/src/components/filter/segments/Dashboards.vue
+++ b/ui/src/components/filter/segments/Dashboards.vue
@@ -1,8 +1,8 @@
 <template>
     <el-dropdown trigger="click" placement="bottom-end">
         <KestraIcon placement="bottom">
-            <el-button :icon="Menu">
-                {{ selectedDashboard ?? $t('default_dashboard') }}
+            <el-button :icon="Menu" class="main-button d-inline">
+                <span class="text-truncate">{{ selectedDashboard ?? $t('default_dashboard') }}</span>
             </el-button>
         </KestraIcon>
 
@@ -141,4 +141,12 @@
 .items {
     max-height: 160px !important; // 5 visible items
 }
+
+.main-button {
+    max-width: 300px;
+
+    span {
+        max-width: 250px;
+    }
+}
 </style>
\ No newline at end of file