From b600aa7e07e27fa866d65c1f1f26a451fd3a5eaf Mon Sep 17 00:00:00 2001
From: NikkeDoy <niklas.siltala@gmail.com>
Date: Tue, 19 May 2026 02:20:12 +0300
Subject: [PATCH] :bug: | Fix error popup (2)

---
 plugins/unsloth-chat/index.jsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/plugins/unsloth-chat/index.jsx b/plugins/unsloth-chat/index.jsx
index e85269f..0d38a5e 100644
--- a/plugins/unsloth-chat/index.jsx
+++ b/plugins/unsloth-chat/index.jsx
@@ -191,11 +191,22 @@ class DetailedApiError extends Error {
 }
 
 // ── Error detail modal ──────────────────────────────────────────
+const ERROR_MODAL_CLASS = "uns-errmodal";
+
+// Injected CSS for the error modal — wider modal so all detail fits
+const removeErrCss = injectCss(`
+  .${ERROR_MODAL_CLASS} {
+    width: 620px !important;
+    max-width: 90vw !important;
+  }
+`);
+scoped.onDispose(() => removeErrCss());
+
 function ErrorDetailModal(props) {
   const error = props.error;
 
   return (
-    <ModalRoot>
+    <ModalRoot class={ERROR_MODAL_CLASS}>
       <ModalHeader close={props.close}>Unsloth Chat - Error Details</ModalHeader>
       <ModalBody>
         <div style={{ display: "flex", flexDirection: "column", gap: "12px" }}>