diff --git a/assets/styles/video/_container.scss b/assets/styles/video/_container.scss
index 402af31f..208b5d29 100644
--- a/assets/styles/video/_container.scss
+++ b/assets/styles/video/_container.scss
@@ -31,3 +31,25 @@
     min-height: max(30vh, 200px);
   }
 }
+
+/* Media query for mobile devices */
+@media only screen and (max-width: 50vw) {
+  #peertube-plugin-livechat-container {
+    height: 70vh; /* 100vh - 30vh for video = 70vh remaining */
+  }
+}
+
+/* Media query for tablets in portrait mode */
+@media only screen and (min-width: 50vw) and (max-width: 75vw) {
+  #peertube-plugin-livechat-container {
+    height: 65vh; /* Slightly less to account for other elements */
+  }
+}
+
+/* Media query for tablets in landscape mode */
+@media only screen and (min-width: 76vw) and (max-width: 100vw) {
+  #peertube-plugin-livechat-container {
+    height: 70vh; /* Assuming more height can be used */
+  }
+}
+