diff --git a/packages/nc-gui/components/nc/Badge.vue b/packages/nc-gui/components/nc/Badge.vue
index bc5b60bbc3..5901d2a1cc 100644
--- a/packages/nc-gui/components/nc/Badge.vue
+++ b/packages/nc-gui/components/nc/Badge.vue
@@ -27,6 +27,6 @@ const props = defineProps<{
 
 <style>
 .badge-color {
-  @apply mt-1 border px-2 h-6 rounded-lg;
+  @apply mt-1 w-23 border h-6 rounded-lg;
 }
 </style>
diff --git a/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue b/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
index 86fef242fc..5dfed12580 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
@@ -94,7 +94,7 @@ watchDebounced(
       @click="isDropdownOpen = !isDropdownOpen"
     >
       <GeneralIcon icon="search" class="ml-1 mr-2 h-3.5 w-3.5 text-gray-500 group-hover:text-black" />
-        <NcBadge class="mb-1" color="blue">
+        <NcBadge class="mb-1 px-2" color="blue">
           <p class="pt-1 text-center text-xs text-blue-600 truncate"
           >
             in '{{ displayColumnLabel }}'