diff --git a/packages/nc-gui/components/smartsheet/Form.vue b/packages/nc-gui/components/smartsheet/Form.vue
index 0201d095f5..278761d651 100644
--- a/packages/nc-gui/components/smartsheet/Form.vue
+++ b/packages/nc-gui/components/smartsheet/Form.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import Draggable from 'vuedraggable'
-import { RelationTypes, UITypes, getSystemColumns, isVirtualCol } from 'nocodb-sdk'
+import { RelationTypes, UITypes, getSystemColumns, isVirtualCol, ViewTypes } from 'nocodb-sdk'
 import {
   ActiveViewInj,
   IsFormInj,
@@ -375,6 +375,12 @@ onMounted(async () => {
   await loadFormView()
   setFormData()
 })
+
+watch(view, (nextView) => {
+  if(nextView?.type === ViewTypes.FORM) {
+    reloadEventHook.trigger()
+  }
+})
 </script>
 
 <template>
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
index fd33504786..4a7e705c76 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
@@ -79,7 +79,7 @@ function onEdit(targetKey: number, action: 'add' | 'remove' | string) {
       </div>
 
       <div class="w-full min-h-[300px] flex-auto">
-        <NuxtPage :pageKey="$route.params.type" />
+        <NuxtPage :page-key="$route.params.type" />
       </div>
     </div>
   </div>