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" }}>