diff --git a/packages/nc-gui/components/project/Overview.vue b/packages/nc-gui/components/project/Overview.vue
index 1f4eb58454..295c6ab977 100644
--- a/packages/nc-gui/components/project/Overview.vue
+++ b/packages/nc-gui/components/project/Overview.vue
@@ -72,7 +72,13 @@ const onCreateSyncClick = () => {
 </script>
 
 <template>
-  <div class="nc-all-tables-view px-6 pt-6">
+  <div
+    class="nc-all-tables-view p-6 nc-scrollbar-thin"
+    :style="{
+      height: 'calc(100vh - var(--topbar-height) - 44px)',
+    }"
+  >
+    <div class="text-subHeading2 text-nc-content-gray mb-6">{{ $t('labels.actions') }}</div>
     <div
       class="flex flex-row gap-6 pb-2 flex-wrap max-w-[1000px]"
       :class="{
diff --git a/packages/nc-gui/components/project/View.vue b/packages/nc-gui/components/project/View.vue
index 258c5ede0b..2dc662095c 100644
--- a/packages/nc-gui/components/project/View.vue
+++ b/packages/nc-gui/components/project/View.vue
@@ -185,7 +185,7 @@ onMounted(() => {
         <template #leftExtra>
           <div class="w-3"></div>
         </template>
-        <a-tab-pane v-if="!isAdminPanel" key="overview">
+        <a-tab-pane v-if="!isAdminPanel" key="overview" class="nc-project-overview-tab-content">
           <template #tab>
             <div class="tab-title" data-testid="proj-view-tab__all-tables">
               <GeneralIcon icon="ncMultiCircle" />
@@ -288,7 +288,9 @@ onMounted(() => {
   @apply pt-2 pb-3;
 }
 :deep(.ant-tabs-content) {
-  @apply nc-content-max-w;
+  &:not(:has(.nc-project-overview-tab-content)) {
+    @apply nc-content-max-w;
+  }
 }
 :deep(.ant-tabs-tab .tab-title) {
   @apply text-gray-500;