diff --git a/internal/servers/hls/index.html b/internal/servers/hls/index.html
index f4573909..d2336c63 100644
--- a/internal/servers/hls/index.html
+++ b/internal/servers/hls/index.html
@@ -8,10 +8,12 @@ html, body {
 	margin: 0;
 	padding: 0;
 	height: 100%;
-	overflow: hidden;
 	font-family: 'Arial', sans-serif;
 }
 #video {
+	position: absolute;
+	top: 0;
+	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgb(30, 30, 30);
diff --git a/internal/servers/webrtc/publish_index.html b/internal/servers/webrtc/publish_index.html
index 8062ea53..5eee1491 100644
--- a/internal/servers/webrtc/publish_index.html
+++ b/internal/servers/webrtc/publish_index.html
@@ -11,6 +11,9 @@ html, body {
 	font-family: 'Arial', sans-serif;
 }
 #video {
+	position: absolute;
+	top: 0;
+	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgb(30, 30, 30);
@@ -22,7 +25,7 @@ html, body {
 	justify-content: center;
 	padding: 10px;
 	flex-direction: column;
-	height: 100%;
+	min-height: 100%;
 	width: 100%;
 	box-sizing: border-box;
 	background: rgb(30, 30, 30);
diff --git a/internal/servers/webrtc/read_index.html b/internal/servers/webrtc/read_index.html
index 0ebaca89..a5a22ce3 100644
--- a/internal/servers/webrtc/read_index.html
+++ b/internal/servers/webrtc/read_index.html
@@ -8,10 +8,12 @@ html, body {
 	margin: 0;
 	padding: 0;
 	height: 100%;
-	overflow: hidden;
 	font-family: 'Arial', sans-serif;
 }
 #video {
+	position: absolute;
+	top: 0;
+	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgb(30, 30, 30);