fix margin misalignment + hover trick

plugins/chat/assets/stylesheets/common/chat-navbar.scss

@@ -32,12 +32,24 @@
   width: 100%;
   gap: 0.25rem;
   position: relative;
+  container-type: inline-size;
 
   .is-collapsed & {
-    padding-left: 1rem;
+    &__channel-title:not(:first-child) {
+      margin-left: 1rem;
+    }
+
+    &__toggle-drawer-button {
+      &:after {
+        @container (inline-size) {
+          content: "";
+          position: absolute;
+          height: 100%;
+          left: 0;
+          width: calc(100cqw - 2.3em + 1rem);
+        }
 
         &:hover {
-      .c-navbar__toggle-drawer-button {
           color: var(--tertiary-hover);
 
           .d-icon {
@@ -46,6 +58,7 @@
         }
       }
     }
+  }
 
   .single-select-header {
     padding: 0.3675rem 0.584rem;