diff --git a/src/css/toc.css b/src/css/toc.css
index f7b0b089c8f059f440e1d37c9734c08a0431fbf8..e676de71dc642565f531fedb9c9eca9a99789f6c 100644
--- a/src/css/toc.css
+++ b/src/css/toc.css
@@ -560,11 +560,8 @@
     font-size: 13px;
   }
 
-  .chat .chat-body > ul {
-    max-width: 90%;
-  }
-
   .chat .chat-body .message {
+    max-width: 90%;
     font-size: 12px;
   }
 
diff --git a/src/js/08-chat.js b/src/js/08-chat.js
index c5eb91696bf61bad13305f73988dfa456db7a0b6..fcbd6ed5c6d3c437ea906656b152f15170f8d359 100644
--- a/src/js/08-chat.js
+++ b/src/js/08-chat.js
@@ -109,6 +109,10 @@
 
   closeButton.addEventListener('click', () => {
     chat.classList.remove('show')
+    chatIcon.innerHTML = openIconPath
+    chatIcon.setAttribute('fill', '#fff')
+    chatIcon.setAttribute('stroke', '#0072ce')
+    chatIcon.setAttribute('viewBox', '0 0 20 20')
   })
 
   productButton.addEventListener('click', () => {