diff --git a/packages/nc-gui/layouts/dashboard.vue b/packages/nc-gui/layouts/dashboard.vue
index 91d7b46fe9..1f658a6919 100644
--- a/packages/nc-gui/layouts/dashboard.vue
+++ b/packages/nc-gui/layouts/dashboard.vue
@@ -10,7 +10,7 @@ export default {
 </script>
 
 <template>
-  <NuxtLayout class="h-screen">
+  <NuxtLayout>
     <slot v-if="!route.meta.hasSidebar" name="content" />
 
     <LazyDashboardView v-else>
diff --git a/packages/nc-gui/store/config.ts b/packages/nc-gui/store/config.ts
index a7a478323c..db49caeac9 100644
--- a/packages/nc-gui/store/config.ts
+++ b/packages/nc-gui/store/config.ts
@@ -25,5 +25,6 @@ export const useConfigStore = defineStore('configStore', () => {
 
   return {
     isMobileMode,
+    isViewPortMobile,
   }
 })
diff --git a/packages/nc-gui/store/sidebar.ts b/packages/nc-gui/store/sidebar.ts
index 93cb894dba..31a060c2da 100644
--- a/packages/nc-gui/store/sidebar.ts
+++ b/packages/nc-gui/store/sidebar.ts
@@ -1,12 +1,15 @@
 import { defineStore } from 'pinia'
 
 export const useSidebarStore = defineStore('sidebarStore', () => {
-  const isLeftSidebarOpen = ref(true)
+  const { isViewPortMobile } = useConfigStore()
+
+  const isLeftSidebarOpen = ref(!isViewPortMobile())
   const isRightSidebarOpen = ref(true)
-  const leftSidebarWidthPercent = ref(20)
+
+  const leftSidebarWidthPercent = ref(isViewPortMobile() ? 0 : 20)
 
   const leftSideBarSize = ref({
-    old: leftSidebarWidthPercent.value,
+    old: 20,
     current: leftSidebarWidthPercent.value,
   })