diff --git a/public/index.html b/public/index.html
index e25c399..ef7a8c0 100755
--- a/public/index.html
+++ b/public/index.html
@@ -20,7 +20,7 @@
 
             
       <div class="video-wrap">
-        <canvas id="canvas0" width="1280" height="720"></canvas>
+        <canvas id="canvas0" width="1280" height="960"></canvas>
         <img id="overlayImg"
           src="/snapshots/snapshot_video0_1765356085372_two_cam_overlay.png">
       </div>
@@ -31,7 +31,7 @@
     <section class="panel">
       <h2>Camera 1</h2>
       <div class="video-wrap">
-        <canvas id="canvas1" width="1280" height="720"></canvas>
+        <canvas id="canvas1" width="1280" height="960"></canvas>
       </div>
       <div id="status1" class="status">Connecting…</div>
     </section>
diff --git a/public/indexA.css b/public/indexA.css
index fd6b96c..bb85299 100755
--- a/public/indexA.css
+++ b/public/indexA.css
@@ -42,9 +42,8 @@ h1, h2 {
   background: #000;
   border-radius: 8px;
   overflow: hidden;
-  width: 100%;
-  max-width: 1280px;
-  aspect-ratio: 4 / 3;
+  width: 1280px;
+  height: 960px;
   margin: 0 auto;
 }
 
@@ -56,8 +55,8 @@ h1, h2 {
   position: absolute;
   inset: 0;                 /* top:0; right:0; bottom:0; left:0 */
   /*width: 100%;*/
-  width: 1280px;
-  height: 100%;
+  width: 1280px;  
+  height: 960px;
   /* Use `contain` so both layers scale uniformly and show letterboxing instead
      of stretching or cropping when the container size differs from the image. */
   object-fit: contain;