diff --git a/frontend/src/hooks/index.js b/frontend/src/hooks/index.js
index a87ee84..095f051 100644
--- a/frontend/src/hooks/index.js
+++ b/frontend/src/hooks/index.js
@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import axios from "axios";
-
-const backend_url = "http://localhost:8080";
+import { BASE_URL } from "../../services/connect";
+const backend_url = BASE_URL;
 
 export const useFetchCustomer = () => {
   const [customerData, setCustomerData] = useState([]);
diff --git a/frontend/src/pages/Transfer.jsx b/frontend/src/pages/Transfer.jsx
index 4567da1..c11c30a 100644
--- a/frontend/src/pages/Transfer.jsx
+++ b/frontend/src/pages/Transfer.jsx
@@ -4,8 +4,10 @@ import Loading from '../components/Loading';
 import Error from '../components/Error'; 
 import Button from '../components/Button';
 import { useNavigate } from "react-router-dom";
+import { BASE_URL } from '../../services/connect';
 
-const backendurl = "http://localhost:8080"
+
+const backendurl = BASE_URL
 
 export default function TransferHistory() {
   const [transferData, setTransferData] = useState([]);