From d34a50c5cf63f0b0950b60a27a090aa308ec2f7f Mon Sep 17 00:00:00 2001
From: reenphygeorge <reenphygeorge@gmail.com>
Date: Sat, 2 Sep 2023 19:50:17 +0530
Subject: [PATCH] feat(nc-gui): search field truncated

---
 packages/nc-gui/components/nc/Badge.vue                      | 2 +-
 packages/nc-gui/components/smartsheet/toolbar/SearchData.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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 }}'