diff --git a/packages/nc-gui/components/smartsheet/sidebar/index.vue b/packages/nc-gui/components/smartsheet/sidebar/index.vue
index 72c22d37ba..6759ef3f9c 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/index.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/index.vue
@@ -108,14 +108,15 @@ async function onCreate(view: ViewType) {
     :collapsed="sidebarCollapsed"
     collapsiple
     collapsed-width="0"
-    width="250"
-    class="relative shadow-md h-full"
+    width="0"
+    class="relative shadow h-full w-full !flex-1 !min-w-0 !max-w-[150px] !w-[150px] lg:(!max-w-[250px] !w-[250px])"
     theme="light"
   >
     <LazySmartsheetSidebarToolbar
       v-if="isOpen"
       class="min-h-[var(--toolbar-height)] max-h-[var(--toolbar-height)] flex items-center py-3 px-3 justify-between border-b-1"
     />
+
     <div v-if="isOpen" class="flex-1 flex flex-col min-h-0">
       <LazySmartsheetSidebarMenuTop @open-modal="openModal" @deleted="loadViews" />