diff --git a/public/src/uncloseai-modal-builtin.css b/public/src/uncloseai-modal-builtin.css
index f0a5ff7..32effe1 100644
--- a/public/src/uncloseai-modal-builtin.css
+++ b/public/src/uncloseai-modal-builtin.css
@@ -1445,7 +1445,7 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
   display: grid;
   gap: 14px;
   width: 100%;
-  max-width: 340px;
+  max-width: 420px;
   text-align: center;
   padding: 28px 24px;
   border-radius: 12px;
diff --git a/public/src/uncloseai-modal-pico.css b/public/src/uncloseai-modal-pico.css
index a74335b..069fff5 100644
--- a/public/src/uncloseai-modal-pico.css
+++ b/public/src/uncloseai-modal-pico.css
@@ -1500,7 +1500,7 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
   display: grid;
   gap: 14px;
   width: 100%;
-  max-width: 340px;
+  max-width: 420px;
   text-align: center;
   padding: 28px 24px;
   border-radius: 12px;
diff --git a/public/uncloseai-js-styleguide.html b/public/uncloseai-js-styleguide.html
index 0d18851..b234bbf 100644
--- a/public/uncloseai-js-styleguide.html
+++ b/public/uncloseai-js-styleguide.html
@@ -90,7 +90,7 @@
             display: grid;
             gap: 14px;
             width: 100%;
-            max-width: 340px;
+            max-width: 420px;
             text-align: center;
             padding: 28px 24px;
             border-radius: 12px;