~UI

Author: qunash

src/components/errorMessage.tsx

@@ -17,10 +17,10 @@ function ErrorMessage(props: { message: string }): h.JSX.Element | null {
 
     return (
         // <div className="absolute wcg-bottom-0 wcg-right-1 dark:wcg-text-white wcg-bg-red-500 wcg-p-4 wcg-rounded-lg wcg-mb-4 wcg-mr-4 wcg-text-sm">
-        <div role="alert" className="absolute bottom-0 right-1 dark:text-white bg-red-500 p-4 rounded-lg mb-4 mr-4 text-sm">
+        <div role="alert" className="absolute bottom-0 right-1 dark:text-white bg-red-500 p-4 rounded-lg mb-4 mr-4 text-sm max-w-sm">
             <b>An error occurred</b><br />
             {props.message}<br /><br />
-            Please Check the console for more details. (Ctrl+Shift+J)
+            You can check the console for more details. (Ctrl+Shift+J)
         </div>
     )
 }