diff --git a/src/uncloseai-modal-builtin.css b/src/uncloseai-modal-builtin.css
index 6b0cbb1..fc1417f 100644
--- a/src/uncloseai-modal-builtin.css
+++ b/src/uncloseai-modal-builtin.css
@@ -1120,13 +1120,14 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box {
 }
 
 /* Code blocks within AI messages - allow horizontal scroll, preserve all whitespace */
+/* Desktop: use percentage relative to modal */
 .ai-message pre {
   overflow-x: auto;
-  max-width: 72vw;
+  max-width: 90%;
 }
 
 .ai-message code {
-  max-width: 72vw;
+  max-width: 90%;
 }
 
 /* Mobile: use viewport units since modal is fullscreen */
diff --git a/src/uncloseai-modal-pico.css b/src/uncloseai-modal-pico.css
index 0291937..0e5b056 100644
--- a/src/uncloseai-modal-pico.css
+++ b/src/uncloseai-modal-pico.css
@@ -1193,13 +1193,14 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box {
 }
 
 /* Code blocks within AI messages - allow horizontal scroll, preserve all whitespace */
+/* Desktop: use percentage relative to modal */
 .ai-message pre {
   overflow-x: auto;
-  max-width: 72vw;
+  max-width: 90%;
 }
 
 .ai-message code {
-  max-width: 72vw;
+  max-width: 90%;
 }
 
 /* Mobile: use viewport units since modal is fullscreen */