diff --git a/frontend/src/components/Modals/SidePanelModal.vue b/frontend/src/components/Modals/SidePanelModal.vue
index 5897bf3a..adc0a7fe 100644
--- a/frontend/src/components/Modals/SidePanelModal.vue
+++ b/frontend/src/components/Modals/SidePanelModal.vue
@@ -38,9 +38,9 @@
           />
           <div v-if="preview" class="flex flex-1 flex-col border rounded">
             <SidePanelLayout
-              :sections="{ data: tabs.data[0].sections }"
-              :doctype="_doctype"
               v-model="data"
+              :sections="tabs.data[0].sections"
+              :doctype="_doctype"
               :preview="true"
               v-slot="{ section }"
             >
diff --git a/frontend/src/components/SidePanelLayout.vue b/frontend/src/components/SidePanelLayout.vue
index fc4b3386..dbf77fe4 100644
--- a/frontend/src/components/SidePanelLayout.vue
+++ b/frontend/src/components/SidePanelLayout.vue
@@ -342,7 +342,7 @@
     v-if="showSidePanelModal"
     v-model="showSidePanelModal"
     :doctype="doctype"
-    @reload="() => sections.reload()"
+    @reload="() => emit('reload')"
   />
 </template>
 
@@ -381,14 +381,14 @@ const { getFormattedPercent, getFormattedFloat, getFormattedCurrency } =
   getMeta(props.doctype)
 const { isManager, getUser } = usersStore()
 
-const emit = defineEmits(['update'])
+const emit = defineEmits(['update', 'reload'])
 
 const data = defineModel()
 const showSidePanelModal = ref(false)
 
 const _sections = computed(() => {
-  if (!props.sections?.data?.length) return []
-  return props.sections.data.map((section) => {
+  if (!props.sections?.length) return []
+  return props.sections.map((section) => {
     if (section.columns?.length) {
       section.columns[0].fields = section.columns[0].fields.map((field) => {
         let df = field?.all_properties || {}
diff --git a/frontend/src/pages/Contact.vue b/frontend/src/pages/Contact.vue
index ca257883..ccfab3c6 100644
--- a/frontend/src/pages/Contact.vue
+++ b/frontend/src/pages/Contact.vue
@@ -122,9 +122,10 @@
       >
         <SidePanelLayout
           v-model="contact.data"
-          :sections="sections"
+          :sections="sections.data"
           doctype="Contact"
           @update="updateField"
+          @reload="sections.reload"
         />
       </div>
     </Resizer>
diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index de5213ad..25a1c607 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -119,10 +119,11 @@
       >
         <SidePanelLayout
           v-model="deal.data"
-          :sections="sections"
+          :sections="sections.data"
           doctype="CRM Deal"
-          @update="updateField"
           v-slot="{ section }"
+          @update="updateField"
+          @reload="sections.reload"
         >
           <div v-if="section.name == 'contacts_section'" class="contacts-area">
             <div
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index 053ba2ca..b396fc09 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -172,9 +172,10 @@
       >
         <SidePanelLayout
           v-model="lead.data"
-          :sections="sections"
+          :sections="sections.data"
           doctype="CRM Lead"
           @update="updateField"
+          @reload="sections.reload"
         />
       </div>
     </Resizer>
diff --git a/frontend/src/pages/Organization.vue b/frontend/src/pages/Organization.vue
index 615246e4..9553203a 100644
--- a/frontend/src/pages/Organization.vue
+++ b/frontend/src/pages/Organization.vue
@@ -107,9 +107,10 @@
       >
         <SidePanelLayout
           v-model="organization.doc"
-          :sections="sections"
+          :sections="sections.data"
           doctype="CRM Organization"
           @update="updateField"
+          @reload="sections.reload"
         />
       </div>
     </Resizer>