diff --git a/loop/webui/src/web-components/demo/sketch-chat-input.demo.html b/loop/webui/src/web-components/demo/sketch-chat-input.demo.html
index 4806035..99d581b 100644
--- a/loop/webui/src/web-components/demo/sketch-chat-input.demo.html
+++ b/loop/webui/src/web-components/demo/sketch-chat-input.demo.html
@@ -2,24 +2,26 @@
   <head>
     <title>sketch-chat-input demo</title>
     <link rel="stylesheet" href="demo.css" />
-    <script src="/dist/web-components/sketch-chat-input.js" type="module"></script>
+    <script
+      src="/dist/web-components/sketch-chat-input.js"
+      type="module"
+    ></script>
 
     <script>
       document.addEventListener("DOMContentLoaded", () => {
-        const chatInput = document.querySelector('sketch-chat-input');
+        const chatInput = document.querySelector("sketch-chat-input");
         console.log("chatInput: ", chatInput);
         chatInput.content = "hi";
         chatInput.addEventListener("send-chat", (evt) => {
-          console.log('send chat event: ', evt);
+          console.log("send chat event: ", evt);
           const msgDiv = document.querySelector("#chat-messages");
           const newDiv = document.createElement("div");
-          newDiv.innerText = evt.detail.message; 
+          newDiv.innerText = evt.detail.message;
           msgDiv.append(newDiv);
-          chatInput.content = '';
+          chatInput.content = "";
         });
       });
     </script>
-
   </head>
   <body>
     <h1>sketch-chat-input demo</h1>
@@ -27,6 +29,5 @@
     <div id="chat-messages"></div>
 
     <sketch-chat-input></sketch-chat-input>
-
   </body>
-</html>
\ No newline at end of file
+</html>