From c1050485f58876fb64fbe36d9c48496f3eb56b3d Mon Sep 17 00:00:00 2001
From: DarkPhoenix2704 <anbarasun123@gmail.com>
Date: Tue, 20 Feb 2024 07:16:12 +0000
Subject: [PATCH] fix(nc-gui): fixed width for dropdown btn

---
 .../nc-gui/components/smartsheet/calendar/index.vue  | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/calendar/index.vue b/packages/nc-gui/components/smartsheet/calendar/index.vue
index 9c88082adb..bbe3037d3b 100644
--- a/packages/nc-gui/components/smartsheet/calendar/index.vue
+++ b/packages/nc-gui/components/smartsheet/calendar/index.vue
@@ -156,8 +156,16 @@ const headerText = computed(() => {
           </NcTooltip>
 
           <NcDropdown v-model:visible="calendarRangeDropdown" :auto-close="false" :trigger="['click']">
-            <NcButton size="small" type="secondary">
-              <div class="flex gap-2 items-center">
+            <NcButton
+              :class="{
+                'w-36': activeCalendarView === 'month',
+                'w-40': activeCalendarView === 'day',
+                'w-20': activeCalendarView === 'year',
+              }"
+              size="small"
+              type="secondary"
+            >
+              <div class="flex gap-2 justify-between items-center">
                 <span class="font-bold text-center text-brand-500">{{ headerText }}</span>
                 <component :is="iconMap.arrowDown" class="h-4 w-4 text-gray-700" />
               </div>