diff --git a/packages/nc-gui-v2/pages/[projectType]/view/[viewId].vue b/packages/nc-gui-v2/pages/[projectType]/view/[viewId].vue
index ffd3b34d81..57a68e193b 100644
--- a/packages/nc-gui-v2/pages/[projectType]/view/[viewId].vue
+++ b/packages/nc-gui-v2/pages/[projectType]/view/[viewId].vue
@@ -1,8 +1,10 @@
 <script setup lang="ts">
 import type { Ref } from 'vue'
 import type { TableType } from 'nocodb-sdk/build/main'
+
 import { ActiveViewInj, FieldsInj, IsPublicInj, MetaInj, ReadonlyInj, ReloadViewDataHookInj } from '~/context'
 
+import { useRoute } from '#imports'
 definePageMeta({
   requiresAuth: false,
 })
@@ -26,7 +28,16 @@ const { isGrid } = useProvideSmartsheetStore(sharedView as Ref<TableType>, meta)
 
 <template>
   <NuxtLayout id="content" class="flex">
-    <SmartsheetToolbar />
-    <SmartsheetGrid :is-public-view="true" />
+    <div class="nc-container flex flex-col h-full mt-2 px-6">
+      <SmartsheetToolbar />
+      <SmartsheetGrid :is-public-view="true" />
+    </div>
   </NuxtLayout>
 </template>
+
+<style scoped>
+.nc-container {
+  height: calc(100% - var(--header-height));
+  flex: 1 1 100%;
+}
+</style>