diff --git a/index.html b/index.html
index 2c8064e..5f84a33 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
     <script src="script.js" ></script>
     <style type="text/css">
         body {
-            padding: 0;
+            padding: 6px;
             background-color: black;
             color: #eeeeee;
         }
diff --git a/script.js b/script.js
index f7d6bfc..11eae18 100644
--- a/script.js
+++ b/script.js
@@ -40,8 +40,8 @@ function initHtml(rows, cols) {
     console.log(windowHeight);
     let margin = 6; // 3px margin on each side
 
-    let maxWidth = windowWidth / cols - margin
-    let maxHeight = windowHeight / rows - margin - 24 - 28 - 6; // 24 -> size added for nametag; 28px per row for control elements; idontknow where the 6px appear xD
+    let maxWidth = (windowWidth-12) / cols - margin
+    let maxHeight = (windowHeight-12) / rows - margin - 24 - 28 - 6; // 24 -> size added for nametag; 28px per row for control elements; idontknow where the 6px appear xD
 
     if(maxWidth/16*9 <= maxHeight) {
         videoSize.width = maxWidth;