diff --git a/packages/server/src/loaders/express.ts b/packages/server/src/loaders/express.ts
index 1ecb33020..694de8574 100644
--- a/packages/server/src/loaders/express.ts
+++ b/packages/server/src/loaders/express.ts
@@ -86,7 +86,7 @@ export default ({ app }) => {
       ################################################
     `);
   });
-  const io = new Server(server, {});
+  const io = new Server(server, { path: '/socket' });
 
   // Set socket.io listeners.
   io.on('connection', (socket) => {
diff --git a/packages/webapp/src/components/Dashboard/DashboardSockets.tsx b/packages/webapp/src/components/Dashboard/DashboardSockets.tsx
index ec905261e..e0e095876 100644
--- a/packages/webapp/src/components/Dashboard/DashboardSockets.tsx
+++ b/packages/webapp/src/components/Dashboard/DashboardSockets.tsx
@@ -10,8 +10,8 @@ export function DashboardSockets() {
   const client = useQueryClient();
 
   useEffect(() => {
-    socket.current = io('ws://localhost:4000');
-
+    socket.current = io('/', { path: '/socket' });
+  
     socket.current.on('NEW_TRANSACTIONS_DATA', () => {
       client.invalidateQueries(t.ACCOUNTS);
       client.invalidateQueries(t.ACCOUNT_TRANSACTION);