diff --git a/frontend/src/components/pages/Clients.vue b/frontend/src/components/pages/Clients.vue
index a4a32c5..17c415e 100644
--- a/frontend/src/components/pages/Clients.vue
+++ b/frontend/src/components/pages/Clients.vue
@@ -27,17 +27,20 @@ import { FilterMatchMode } from "@primevue/core";
 import { useLoadingStore } from "../../stores/loading";
 import { usePaginationStore } from "../../stores/pagination";
 import { useFiltersStore } from "../../stores/filters";
+import { useModalStore } from "../../stores/modal";
 
 const loadingStore = useLoadingStore();
 const paginationStore = usePaginationStore();
 const filtersStore = useFiltersStore();
+const modalStore = useModalStore();
 
 const tableData = ref([]);
 const totalRecords = ref(0);
 const isLoading = ref(false);
 
 const onClick = () => {
-	frappe.new_doc("Customer");
+	//frappe.new_doc("Customer");
+	modalStore.openCreateClient();
 };
 
 const filters = {