fix

@@ -101,12 +101,11 @@ function App() {
       }
       setChatLog([...chatLogNew, { user: "gpt", message: `${replaceTags}`} ])
 
-      // setChatLog([...chatLogNew, { user: "gpt", message: `<div>${parsedData}</div>`} ])
       var scrollToTheBottomChatLog = document.getElementsByClassName("chat-log")[0];
       scrollToTheBottomChatLog.scrollTop = scrollToTheBottomChatLog.scrollHeight;
     } catch (error) {
-      const errorMsg = "We are currently experiencing heavy flow as of the moment, please try again.";
-      setChatLog([...chatLogNew, { user: "gpt", message: `<div class="errormsg">${errorMsg}</div>`} ])
+      const errorMsg = "We apologize for any inconvenience caused due to the delay in the response time. Please try again.";
+      setChatLog([...chatLogNew, { user: "gpt", message: `<div class="errormsg"><span>i</span><div class="msg">${errorMsg}</div></div>`} ])
       // res.status(500).send(error || 'Something went wrong');
     }
   }

@@ -3,10 +3,30 @@
 }
 
 .errormsg {
-    border: 1px solid red;
+    border: 1px solid #7ac5ff;
     padding: 15px 25px;
     border-radius: 10px;
-    background: rgb(255 0 0 / 15%);
+    background: rgb(0 139 245 / 6%);
+}
+
+.errormsg .msg {
+    display: inline-block;
+    width: 90%;
+    font-weight: 600;
+}
+.errormsg span {
+    background: #008BF5;
+    padding: 3px 12px;
+    border-radius: 50px;
+    width: 30px;
+    height: 30px;
+    margin-right: 10px;
+    color: #fff;
+    font-weight: 900;
+    display: inline-block;
+    vertical-align: top;
+    font-family: auto;
+    font-size: 20px;
 }
 
 .side-menu-button {
@@ -182,6 +202,10 @@ code br:nth-child(-n+2) {
   .message {
       font-size: 14px;
   }
+  .errormsg {
+    padding: 10px;
+    width: 80%;
+  }
   .chat-message-center {
     padding: 20px 5vw !important;
   }