diff --git a/css/main.css b/css/main.css
index 18a50ca1..6b4eb0fe 100644
--- a/css/main.css
+++ b/css/main.css
@@ -282,7 +282,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
 }
 
 #chat-tab > :first-child, #extensions {
-    max-width: 960px;
+    max-width: 880px;
     margin-left: auto;
     margin-right: auto;
 }
@@ -304,7 +304,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
 .chat {
     margin-left: auto;
     margin-right: auto;
-    max-width: 960px;
+    max-width: 880px;
     height: 100%;
     overflow-y: auto;
     padding-right: 15px;
diff --git a/js/main.js b/js/main.js
index e098d717..db31b376 100644
--- a/js/main.js
+++ b/js/main.js
@@ -18,7 +18,7 @@ document.querySelector('.header_bar').addEventListener('click', function(event)
         if (chat_visible || notebook_visible || default_visible) {
             extensions.style.display = 'flex';
             if (chat_visible) {
-                extensions.style.maxWidth = "960px";
+                extensions.style.maxWidth = "880px";
                 extensions.style.padding = "0px";
             } else {
                 extensions.style.maxWidth = "none";