diff --git a/frontend/src/components/ContactModal.vue b/frontend/src/components/Modals/ContactModal.vue
similarity index 100%
rename from frontend/src/components/ContactModal.vue
rename to frontend/src/components/Modals/ContactModal.vue
diff --git a/frontend/src/pages/Contact.vue b/frontend/src/pages/Contact.vue
index 1c19f654..245458a4 100644
--- a/frontend/src/pages/Contact.vue
+++ b/frontend/src/pages/Contact.vue
@@ -174,11 +174,6 @@
       </template>
     </Tabs>
   </div>
-  <ContactModal
-    v-model="showContactModal"
-    v-model:reloadContacts="contacts"
-    :contact="contact"
-  />
 </template>
 
 <script setup>
@@ -197,7 +192,6 @@ import {
   createListResource,
 } from 'frappe-ui'
 import LayoutHeader from '@/components/LayoutHeader.vue'
-import ContactModal from '@/components/ContactModal.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
 import CameraIcon from '@/components/Icons/CameraIcon.vue'
 import LeadsIcon from '@/components/Icons/LeadsIcon.vue'
@@ -223,8 +217,6 @@ const { getContactByName, contacts } = contactsStore()
 const { getUser } = usersStore()
 const { getOrganization, getOrganizationOptions } = organizationsStore()
 
-const showContactModal = ref(false)
-
 const props = defineProps({
   contactId: {
     type: String,
diff --git a/frontend/src/pages/Contacts.vue b/frontend/src/pages/Contacts.vue
index 5c581f9d..bbbfc819 100644
--- a/frontend/src/pages/Contacts.vue
+++ b/frontend/src/pages/Contacts.vue
@@ -43,7 +43,7 @@
 
 <script setup>
 import LayoutHeader from '@/components/LayoutHeader.vue'
-import ContactModal from '@/components/ContactModal.vue'
+import ContactModal from '@/components/Modals/ContactModal.vue'
 import ContactsListView from '@/components/ListViews/ContactsListView.vue'
 import SortBy from '@/components/SortBy.vue'
 import Filter from '@/components/Filter.vue'