diff --git a/src/components/CreateInvoice/CreateInvoice.tsx b/src/components/CreateInvoice/CreateInvoice.tsx
index aa400e5..676a708 100644
--- a/src/components/CreateInvoice/CreateInvoice.tsx
+++ b/src/components/CreateInvoice/CreateInvoice.tsx
@@ -24,6 +24,7 @@ import ProjectTotalFee from "./ProjectTotalFee";
 import { timestampToDateString } from "@/app/utils/formatUtil";
 import dayjs from "dayjs";
 import { getSession } from "next-auth/react"
+import { BASE_API_URL } from "@/config/api";
 
 const CreateInvoice: React.FC = ({
 }) => {
@@ -117,7 +118,7 @@ const CreateInvoice: React.FC = ({
       try {
         // Make an API request to generate the JasperReport
         
-        const response = await fetch(`http://localhost:8090/api/invoices/pdf`, {
+        const response = await fetch(`${BASE_API_URL}/invoices/pdf`, {
           method: 'POST',
           headers: {
             'Content-Type': 'application/json',