CSS: Revert previous change and only apply if singleton

sass/_chatbox.scss

@@ -479,29 +479,6 @@
 }
 
 
-#conversejs.converse-embedded.converse-singleton {
-    .flyout {
-        border: none !important;
-    }
-    .chat-head {
-        height: var(--fullpage-chat-head-height);
-        padding: 0.5em;
-    }
-    .chatbox {
-        margin: 0;
-        @include make-col-ready();
-        @include media-breakpoint-up(md) {
-            @include make-col(12);
-        }
-        @include media-breakpoint-up(lg) {
-            @include make-col(12);
-        }
-        @include media-breakpoint-up(xl) {
-            @include make-col(12);
-        }
-    }
-}
-
 #conversejs.converse-embedded,
 #conversejs.converse-fullscreen  {
     .flyout {
@@ -510,6 +487,7 @@
         border: var(--flyout-padding) solid var(--chat-head-color);
         bottom: 0;
     }
+
     .chat-head {
         height: var(--fullpage-chat-head-height);
         padding: 0;
@@ -525,17 +503,13 @@
             @include make-col(2);
         }
     }
+
     .chatbox {
         margin: 0;
         .box-flyout {
             box-shadow: none;
             overflow: hidden;
         }
-    }
-}
-
-#conversejs.converse-embedded {
-    .chatbox {
         @include make-col-ready();
         @include media-breakpoint-up(md) {
             @include make-col(8);
@@ -547,6 +521,30 @@
             @include make-col(10);
         }
     }
+
+    &.converse-singleton {
+        .flyout {
+            border: none !important;
+        }
+        .chat-head {
+            height: var(--fullpage-chat-head-height);
+            padding: 0.5em;
+        }
+        .chatbox {
+            margin: 0;
+            @include make-col-ready();
+            @include media-breakpoint-up(md) {
+                @include make-col(12);
+            }
+            @include media-breakpoint-up(lg) {
+                @include make-col(12);
+            }
+            @include media-breakpoint-up(xl) {
+                @include make-col(12);
+            }
+        }
+    }
+
 }
 
 #conversejs.converse-embedded {