diff --git a/ESP32CAM-ONVIF/data/index.html b/ESP32CAM-ONVIF/data/index.html
index cd86704..842fd2c 100644
--- a/ESP32CAM-ONVIF/data/index.html
+++ b/ESP32CAM-ONVIF/data/index.html
@@ -4,12 +4,12 @@
   <meta charset="UTF-8">
   <title>J0X-ESP-CAM Control Panel</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" href="/style.css">
+  <link rel="stylesheet" href="./style.css">
 </head>
 <body>
   <div id="login-overlay" class="overlay">
     <div class="login-box">
-      <img src="/logo.png" alt="Logo" class="logo-large">
+      <img src="./logo.png" alt="Logo" class="logo-large">
       <h2>J0X-ESP-CAM</h2>
       <form id="login-form" onsubmit="return login(event)">
         <input type="text" id="username" placeholder="Username" autocomplete="username" required>
@@ -21,7 +21,7 @@
   </div>
   <header>
     <div class="header-bar">
-      <img src="/logo.png" alt="Logo" class="logo-small">
+      <img src="./logo.png" alt="Logo" class="logo-small">
       <span class="brand">J0X-ESP-CAM</span>
     </div>
     <div class="status" id="status">Connecting...</div>
@@ -129,6 +129,6 @@
   <div class="footer">
     Made with <span style="color:#e25555;">&#10084;&#65039;</span> by <a herf="https://github.com/John-Varghese-EH/">J0X</a>
   </div>
-  <script src="/app.js"></script>
+  <script src="./app.js"></script>
 </body>
 </html>
diff --git a/ESP32CAM-ONVIF/data/style.css b/ESP32CAM-ONVIF/data/style.css
index 331905c..31f2e24 100644
--- a/ESP32CAM-ONVIF/data/style.css
+++ b/ESP32CAM-ONVIF/data/style.css
@@ -8,7 +8,7 @@ main { max-width: 700px; margin: 2em auto; background: #232323; border-radius: 8
 .section { margin-bottom: 2em; }
 label { display: block; margin: 0.5em 0 0.2em; }
 input, select, button { padding: 0.5em; border-radius: 4px; border: none; margin-bottom: 0.5em; }
-.stream-container { width: 90vw; max-width: 100vw; height: 60vw; /* Or adjust as needed */ max-height: 80vh; overflow: hidden; margin: 0 auto; background: #111; touch-action: none; /* Required for custom gestures */ position: relative; }
+.stream-container { width: 95%; max-width: 100%; height: 60%; /* Or adjust as needed */ max-height: 80%; overflow: hidden; margin: 0 auto; background: #111; touch-action: none; /* Required for custom gestures */ position: relative; }
 .video-preview { width: 100%; height: 100%; object-fit: contain; user-select: none; cursor: grab; transition: transform 0.05s linear; will-change: transform; }
 .btn { background: #08f; color: #fff; cursor: pointer; transition: background 0.2s; }
 .btn:active { background: #06c; }
