diff --git a/public/embed.html b/public/embed.html
index 34aa326..f07d838 100644
--- a/public/embed.html
+++ b/public/embed.html
@@ -26,8 +26,8 @@
 <body>
     <video id="remoteVideo" autoplay playsinline controls muted></video>
     
-    <script src="/socket.io/socket.io.js"></script>
-    <script src="mediasoup-client.js"></script>
-    <script src="viewer.js"></script>
+    <script src="./socket.io/socket.io.js"></script>
+    <script src="./mediasoup-client.js"></script>
+    <script src="./viewer.js"></script>
 </body>
 </html>
diff --git a/public/index.html b/public/index.html
index 85db3c4..9a8f355 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Screenshare - Viewer</title>
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="./style.css">
 </head>
 <body>
     <div class="viewer-container">
@@ -17,8 +17,8 @@
         </div>
         <video id="remoteVideo" autoplay playsinline controls muted></video>
     </div>
-    <script src="/socket.io/socket.io.js"></script>
-    <script src="mediasoup-client.js"></script>
-    <script src="viewer.js"></script>
+    <script src="./socket.io/socket.io.js"></script>
+    <script src="./mediasoup-client.js"></script>
+    <script src="./viewer.js"></script>
 </body>
 </html>
diff --git a/public/viewer.js b/public/viewer.js
index b2d8271..81689a7 100644
--- a/public/viewer.js
+++ b/public/viewer.js
@@ -1,4 +1,5 @@
-const socket = io();
+const basePath = window.location.pathname.replace(/\/[^\/]+\.[^\/]+$/, '').replace(/\/$/, '');
+const socket = io({ path: basePath + '/socket.io' });
 const remoteVideo = document.getElementById('remoteVideo');
 const overlay = document.getElementById('overlay');
 
