diff --git a/web/src/components/__tests__/__snapshots__/Markdown.spec.tsx.snap b/web/src/components/__tests__/__snapshots__/Markdown.spec.tsx.snap
index a03fb927..3c1a4942 100644
--- a/web/src/components/__tests__/__snapshots__/Markdown.spec.tsx.snap
+++ b/web/src/components/__tests__/__snapshots__/Markdown.spec.tsx.snap
@@ -2,133 +2,149 @@
 
 exports[`Markdown heading 1`] = `
 <div>
-  <h1>
-    Heading1
-  </h1>
-  
-
-  <h2>
-    Heading2
-  </h2>
-  
-
-  <h3>
-    Heading3
-  </h3>
-  
-
-  <h4>
-    Heading4
-  </h4>
-  
-
-  <h5>
-    Heading5
-  </h5>
+  <div
+    class="tailchat-markdown"
+  >
+    <h1>
+      Heading1
+    </h1>
+    
+
+    <h2>
+      Heading2
+    </h2>
+    
+
+    <h3>
+      Heading3
+    </h3>
+    
+
+    <h4>
+      Heading4
+    </h4>
+    
+
+    <h5>
+      Heading5
+    </h5>
+  </div>
 </div>
 `;
 
 exports[`Markdown link with baseUrl 1`] = `
 <div>
-  <p>
-    <a
-      href="https://tailchat.msgbyte.com/"
-    >
-      https://tailchat.msgbyte.com/
-    </a>
-    
+  <div
+    class="tailchat-markdown"
+  >
+    <p>
+      <a
+        href="https://tailchat.msgbyte.com/"
+      >
+        https://tailchat.msgbyte.com/
+      </a>
+      
 
-    <a
-      href="https://tailchat.msgbyte.com/README.md"
-    >
-      ./README.md
-    </a>
-    
+      <a
+        href="https://tailchat.msgbyte.com/README.md"
+      >
+        ./README.md
+      </a>
+      
 
-    <img
-      alt=""
-      src="https://tailchat.msgbyte.com/demo.jpg"
-    />
-  </p>
+      <img
+        alt=""
+        src="https://tailchat.msgbyte.com/demo.jpg"
+      />
+    </p>
+  </div>
 </div>
 `;
 
 exports[`Markdown link without baseUrl 1`] = `
 <div>
-  <p>
-    <a
-      href="https://tailchat.msgbyte.com/"
-    >
-      https://tailchat.msgbyte.com/
-    </a>
-    
+  <div
+    class="tailchat-markdown"
+  >
+    <p>
+      <a
+        href="https://tailchat.msgbyte.com/"
+      >
+        https://tailchat.msgbyte.com/
+      </a>
+      
 
-    <a
-      href="./README.md"
-    >
-      ./README.md
-    </a>
-    
+      <a
+        href="./README.md"
+      >
+        ./README.md
+      </a>
+      
 
-    <img
-      alt=""
-      src="./demo.jpg"
-    />
-  </p>
+      <img
+        alt=""
+        src="./demo.jpg"
+      />
+    </p>
+  </div>
 </div>
 `;
 
 exports[`Markdown list 1`] = `
 <div>
-  <ul>
-    
-
-    <li>
-      1
-    </li>
-    
+  <div
+    class="tailchat-markdown"
+  >
+    <ul>
+      
 
-    <li>
-      2
-    </li>
-    
+      <li>
+        1
+      </li>
+      
 
-    <li>
-      3
+      <li>
+        2
+      </li>
       
 
-      <ul>
+      <li>
+        3
         
 
-        <li>
-          4
-        </li>
-        
+        <ul>
+          
 
-        <li>
-          5
+          <li>
+            4
+          </li>
           
 
-          <ul>
+          <li>
+            5
             
 
-            <li>
-              6
-            </li>
+            <ul>
+              
+
+              <li>
+                6
+              </li>
+              
+
+            </ul>
             
 
-          </ul>
+          </li>
           
 
-        </li>
+        </ul>
         
 
-      </ul>
+      </li>
       
 
-    </li>
-    
-
-  </ul>
+    </ul>
+  </div>
 </div>
 `;