diff --git a/css/converse.css b/css/converse.css
index efb4e2306..d6379f8b1 100644
--- a/css/converse.css
+++ b/css/converse.css
@@ -7724,6 +7724,10 @@ body.reset {
     #conversejs.converse-fullscreen .chatbox {
       flex: 0 0 75%;
       max-width: 75%; } }
+  @media (min-width: 992px) {
+    #conversejs.converse-fullscreen .chatbox {
+      flex: 0 0 75%;
+      max-width: 75%; } }
   @media (min-width: 1200px) {
     #conversejs.converse-fullscreen .chatbox {
       flex: 0 0 83.3333333333%;
@@ -8104,6 +8108,11 @@ body.reset {
     #conversejs.converse-mobile #controlbox {
       flex: 0 0 25%;
       max-width: 25%; } }
+  @media (min-width: 992px) {
+    #conversejs.converse-fullscreen #controlbox,
+    #conversejs.converse-mobile #controlbox {
+      flex: 0 0 25%;
+      max-width: 25%; } }
   @media (min-width: 1200px) {
     #conversejs.converse-fullscreen #controlbox,
     #conversejs.converse-mobile #controlbox {
diff --git a/sass/_chatbox.scss b/sass/_chatbox.scss
index 5140af671..8ab56757e 100644
--- a/sass/_chatbox.scss
+++ b/sass/_chatbox.scss
@@ -579,6 +579,9 @@
         @include media-breakpoint-up(md) {
             @include make-col(9);
         }
+        @include media-breakpoint-up(lg) {
+            @include make-col(9);
+        }
         @include media-breakpoint-up(xl) {
             @include make-col(10);
         }
diff --git a/sass/_controlbox.scss b/sass/_controlbox.scss
index ad1d15ea2..0b33c3c31 100644
--- a/sass/_controlbox.scss
+++ b/sass/_controlbox.scss
@@ -452,6 +452,9 @@
         @include media-breakpoint-up(md) {
             @include make-col(3);
         }
+        @include media-breakpoint-up(lg) {
+            @include make-col(3);
+        }
         @include media-breakpoint-up(xl) {
             @include make-col(2);
         }