diff --git a/frontend/src/components/Settings/SidePanelModal.vue b/frontend/src/components/Settings/SidePanelModal.vue
index 185b2545..12ab1408 100644
--- a/frontend/src/components/Settings/SidePanelModal.vue
+++ b/frontend/src/components/Settings/SidePanelModal.vue
@@ -20,7 +20,7 @@
             type="select"
             class="w-1/4"
             v-model="_doctype"
-            :options="['CRM Lead', 'CRM Deal']"
+            :options="['CRM Lead', 'CRM Deal', 'Contact']"
             @change="reload"
           />
           <Switch
diff --git a/frontend/src/pages/Contact.vue b/frontend/src/pages/Contact.vue
index 8e9d7946..05f6018f 100644
--- a/frontend/src/pages/Contact.vue
+++ b/frontend/src/pages/Contact.vue
@@ -265,6 +265,12 @@
       </template>
     </Tabs>
   </div>
+  <SidePanelModal
+    v-if="showSidePanelModal"
+    v-model="showSidePanelModal"
+    doctype="Contact"
+    @reload="() => fieldsLayout.reload()"
+  />
   <ContactModal
     v-model="showContactModal"
     v-model:quickEntry="showQuickEntryModal"
@@ -290,6 +296,7 @@ import EditIcon from '@/components/Icons/EditIcon.vue'
 import CameraIcon from '@/components/Icons/CameraIcon.vue'
 import DealsIcon from '@/components/Icons/DealsIcon.vue'
 import DealsListView from '@/components/ListViews/DealsListView.vue'
+import SidePanelModal from '@/components/Settings/SidePanelModal.vue'
 import ContactModal from '@/components/Modals/ContactModal.vue'
 import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
 import {
@@ -333,6 +340,7 @@ const props = defineProps({
 const route = useRoute()
 const router = useRouter()
 
+const showSidePanelModal = ref(false)
 const showContactModal = ref(false)
 const showQuickEntryModal = ref(false)
 const detailMode = ref(false)