diff --git a/src/app/page.tsx b/src/app/page.tsx
index 30830680..badd5756 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,7 @@ import useWebSocketHome from "@/hooks/websocket/useWebSocketHome";
 
 export default function Home() {
   // console.log("CHECK THIS LOG", process.env.NEXT_PUBLIC_VAULT_ADDRESSES);
+  // console.log("CHECK THIS LOG", process.env.NEXT_PUBLIC_WS_URL);
 
   //  console.log(vaultsRaw);
   //
diff --git a/src/hooks/websocket/useWebSocketHome.ts b/src/hooks/websocket/useWebSocketHome.ts
index a530911f..370e5375 100644
--- a/src/hooks/websocket/useWebSocketHome.ts
+++ b/src/hooks/websocket/useWebSocketHome.ts
@@ -11,7 +11,7 @@ const useWebSocketHome = ()=>{
 
   useEffect(() => {
     if (isLoaded) {
-      ws.current = new WebSocket("ws://localhost:8080/subscribeHome");
+      ws.current = new WebSocket(`${process.env.NEXT_PUBLIC_WS_URL}/subscribeHome`);
 
       ws.current.onopen = () => {
         console.log("WebSocket connection established");
diff --git a/src/hooks/websocket/useWebSocketVault.ts b/src/hooks/websocket/useWebSocketVault.ts
index 721b3799..50fcf054 100644
--- a/src/hooks/websocket/useWebSocketVault.ts
+++ b/src/hooks/websocket/useWebSocketVault.ts
@@ -32,7 +32,7 @@ const useWebSocketVault = (conn: string, vaultAddress?: string) => {
 
   useEffect(() => {
     if (conn === "ws") {
-      ws.current = new WebSocket("ws://localhost:8080/subscribeVault");
+      ws.current = new WebSocket(`${process.env.NEXT_PUBLIC_WS_URL}/subscribeHome`);
 
       ws.current.onopen = () => {
         console.log("WebSocket connection established");