diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 23cb0cf..a1fc328 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -353,10 +353,15 @@ body.app-body  {
     gap: 10px;
 }
 @media screen and (min-width:1175px) {
-    .columns-area__panels__main {
+    .app-body .columns-area__panels__main {
         max-width: 580px;
     }
 }
+@media screen and (max-width:1174px) {
+    .app-body .columns-area__panels {
+        gap: 0;
+    }
+}
 
 /* *️⃣ Icons
    -------- */
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index eb4c42d..e9b9f9b 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -353,10 +353,15 @@ body.app-body  {
     gap: 10px;
 }
 @media screen and (min-width:1175px) {
-    .columns-area__panels__main {
+    .app-body .columns-area__panels__main {
         max-width: 580px;
     }
 }
+@media screen and (max-width:1174px) {
+    .app-body .columns-area__panels {
+        gap: 0;
+    }
+}
 
 /* *️⃣ Icons
    -------- */
diff --git a/TangerineUI.css b/TangerineUI.css
index b84794d..99af090 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -353,10 +353,15 @@ body.app-body  {
     gap: 10px;
 }
 @media screen and (min-width:1175px) {
-    .columns-area__panels__main {
+    .app-body .columns-area__panels__main {
         max-width: 580px;
     }
 }
+@media screen and (max-width:1174px) {
+    .app-body .columns-area__panels {
+        gap: 0;
+    }
+}
 
 /* *️⃣ Icons
    -------- */