diff --git a/packages/nc-gui-v2/pages/index/index.vue b/packages/nc-gui-v2/pages/index/index.vue
index 575ca831eb..116f3ce6c7 100644
--- a/packages/nc-gui-v2/pages/index/index.vue
+++ b/packages/nc-gui-v2/pages/index/index.vue
@@ -62,7 +62,7 @@ $state.sidebarOpen.value = false
 
 <template>
   <NuxtLayout>
-    <a-card class="mx-auto mt-10 !max-w-[600px] shadow-lg">
+    <div class="p-12">
       <h1 class="text-center text-4xl pa-2 nc-project-page-title flex align-center justify-center gap-2">
         <!-- My Projects -->
         <b>{{ $t('title.myProject') }}</b>
@@ -152,7 +152,7 @@ $state.sidebarOpen.value = false
           </template>
         </a-table-column>
       </a-table>
-    </a-card>
+    </div>
   </NuxtLayout>
 </template>
 
diff --git a/packages/nc-gui-v2/pages/nc/[projectId]/index.vue b/packages/nc-gui-v2/pages/nc/[projectId]/index.vue
index d591dc85a3..7bbdff21e4 100644
--- a/packages/nc-gui-v2/pages/nc/[projectId]/index.vue
+++ b/packages/nc-gui-v2/pages/nc/[projectId]/index.vue
@@ -21,6 +21,7 @@ $state.sidebarOpen.value = true
     <template #sidebar>
       <DashboardTreeView />
     </template>
+
     <NuxtPage />
   </NuxtLayout>
 </template>
diff --git a/packages/nc-gui-v2/pages/project/index.vue b/packages/nc-gui-v2/pages/project/index.vue
index ea14b8a330..0433756fb7 100644
--- a/packages/nc-gui-v2/pages/project/index.vue
+++ b/packages/nc-gui-v2/pages/project/index.vue
@@ -8,6 +8,6 @@
 
 <style scoped>
 .nc-container {
-  height: calc(100vh - var(--header-height));
+  @apply h-[calc(100vh_-_var(--header-height))];
 }
 </style>