diff --git a/packages/nc-gui/assets/style.scss b/packages/nc-gui/assets/style.scss
index cbeb575b6e..c317f29f0c 100644
--- a/packages/nc-gui/assets/style.scss
+++ b/packages/nc-gui/assets/style.scss
@@ -603,7 +603,7 @@ input[type='number'] {
 }
 
 .nc-sidebar-node {
-  @apply !xs:(min-h-12 max-h-12 hover:bg-gray-50 ml-1.5);
+  @apply !xs:(min-h-12 max-h-12 hover:bg-gray-50 ml-1.5 w-[calc(100%-8px)]);
 
   .nc-emoji {
     @apply xs:(text-lg);
diff --git a/packages/nc-gui/store/sidebar.ts b/packages/nc-gui/store/sidebar.ts
index 0603ceb76e..9bad365ce1 100644
--- a/packages/nc-gui/store/sidebar.ts
+++ b/packages/nc-gui/store/sidebar.ts
@@ -12,7 +12,7 @@ export const useSidebarStore = defineStore('sidebarStore', () => {
   const _isLeftSidebarOpen = ref(!isViewPortMobile())
   const isLeftSidebarOpen = computed({
     get() {
-      return (isMobileMode && !tablesStore.activeTableId) || _isLeftSidebarOpen.value
+      return (isMobileMode.value && !tablesStore.activeTableId) || _isLeftSidebarOpen.value
     },
     set(value) {
       _isLeftSidebarOpen.value = value