diff --git a/conversejs/builtin.ts b/conversejs/builtin.ts
index 5aa9a606..03ae6bc5 100644
--- a/conversejs/builtin.ts
+++ b/conversejs/builtin.ts
@@ -90,6 +90,14 @@ window.initConverse = async function initConverse ({
   advancedControls
 }: InitConverseParams) {
   const isInIframe = inIframe()
+
+  if (isInIframe) {
+    const body = document.querySelector('body')
+    if (body) {
+      body.classList.add('livechat-iframe')
+    }
+  }
+
   const params: any = {
     assets_path: assetsPath,
 
diff --git a/conversejs/index.html b/conversejs/index.html
index 7ac7a1c5..68d024bb 100644
--- a/conversejs/index.html
+++ b/conversejs/index.html
@@ -9,7 +9,7 @@
     <script type="text/javaScript" src="{{BASE_STATIC_URL}}/conversejs/converse.min.js"></script>
     <script type="text/javascript" src="{{BASE_STATIC_URL}}/static/builtin.js"></script>
     <style type="text/css">
-        #conversejs .chat-head {
+        body.livechat-iframe #conversejs .chat-head {
                 display: none;
         }
     </style>