From d1aba085613656c4eefaed223412cefdbe231905 Mon Sep 17 00:00:00 2001
From: oobabooga <112222186+oobabooga@users.noreply.github.com>
Date: Sat, 14 Mar 2026 18:35:44 -0700
Subject: [PATCH] UI: Set chat widths to 724px

---
 css/chat_style-Dark.css            | 2 +-
 css/chat_style-TheEncrypted777.css | 2 +-
 css/chat_style-cai-chat-square.css | 2 +-
 css/chat_style-cai-chat.css        | 2 +-
 css/chat_style-messenger.css       | 2 +-
 css/chat_style-wpp.css             | 2 +-
 css/html_instruct_style.css        | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/css/chat_style-Dark.css b/css/chat_style-Dark.css
index 02beb935..01a168ab 100644
--- a/css/chat_style-Dark.css
+++ b/css/chat_style-Dark.css
@@ -2,7 +2,7 @@
     display: grid;
     align-items: start;
     grid-template-columns: 60px minmax(0, 1fr);
-    width: min(100%, calc(768px + 60px));
+    width: min(100%, calc(724px + 60px));
     padding-bottom: 22px;
     padding-top: 6px;
     font-size: 18px;
diff --git a/css/chat_style-TheEncrypted777.css b/css/chat_style-TheEncrypted777.css
index b3df6710..9543a3df 100644
--- a/css/chat_style-TheEncrypted777.css
+++ b/css/chat_style-TheEncrypted777.css
@@ -4,7 +4,7 @@
     display: grid;
     align-items: start;
     grid-template-columns: 60px minmax(0, 1fr);
-    width: min(100%, calc(768px + 60px + 90px));
+    width: min(100%, calc(724px + 60px + 90px));
     padding-bottom: 21px;
     padding-top: 7px;
     font-size: 18px;
diff --git a/css/chat_style-cai-chat-square.css b/css/chat_style-cai-chat-square.css
index 0d9467df..8254a4ec 100644
--- a/css/chat_style-cai-chat-square.css
+++ b/css/chat_style-cai-chat-square.css
@@ -19,5 +19,5 @@
     padding-bottom: 1.5em;
     padding-top: 0.5em;
     grid-template-columns: 70px minmax(0, 1fr);
-    width: min(100%, calc(768px + 70px));
+    width: min(100%, calc(724px + 70px));
 }
diff --git a/css/chat_style-cai-chat.css b/css/chat_style-cai-chat.css
index 9cc4d4cd..66d2816d 100644
--- a/css/chat_style-cai-chat.css
+++ b/css/chat_style-cai-chat.css
@@ -2,7 +2,7 @@
     display: grid;
     align-items: start;
     grid-template-columns: 60px minmax(0, 1fr);
-    width: min(100%, calc(768px + 60px));
+    width: min(100%, calc(724px + 60px));
     padding-bottom: 1.5em;
     padding-top: 0.5em;
     font-size: 15px;
diff --git a/css/chat_style-messenger.css b/css/chat_style-messenger.css
index 438b8060..fd9b5b70 100644
--- a/css/chat_style-messenger.css
+++ b/css/chat_style-messenger.css
@@ -1,5 +1,5 @@
 .message {
-    width: min(100%, calc(48rem + 60px));
+    width: min(100%, calc(724px + 60px));
     padding-bottom: 22px;
     padding-top: 3px;
     font-size: 15px;
diff --git a/css/chat_style-wpp.css b/css/chat_style-wpp.css
index ad6985d2..65e253d9 100644
--- a/css/chat_style-wpp.css
+++ b/css/chat_style-wpp.css
@@ -1,6 +1,6 @@
 .message {
     display: block;
-    width: min(100%, 48rem);
+    width: min(100%, 724px);
     padding-top: 0;
     padding-bottom: 21px;
     font-size: 15px;
diff --git a/css/html_instruct_style.css b/css/html_instruct_style.css
index d4780350..458feafc 100644
--- a/css/html_instruct_style.css
+++ b/css/html_instruct_style.css
@@ -78,7 +78,7 @@
 
 .chat .user-message .text,
 .chat .assistant-message .text {
-    max-width: 768px;
+    max-width: 724px;
     margin-left: auto;
     margin-right: auto;
 }