fix: Chat list tab styles (#9960)

app/javascript/dashboard/components/ChatList.vue

@@ -905,7 +905,6 @@ export default {
       v-if="!hasAppliedFiltersOrActiveFolders"
       :items="assigneeTabItems"
       :active-tab="activeAssigneeTab"
-      class="tab--chat-type"
       @chatTabChange="updateAssigneeTab"
     />
 
@@ -993,14 +992,4 @@ export default {
 .conversations-list {
   @apply overflow-hidden hover:overflow-y-auto;
 }
-
-.tab--chat-type {
-  @apply py-0 px-4;
-
-  ::v-deep {
-    .tabs {
-      @apply p-0;
-    }
-  }
-}
 </style>

app/javascript/dashboard/components/widgets/ChatTypeTabs.vue

@@ -44,7 +44,11 @@ useKeyboardEvents(keyboardEvents, chatTypeTabsRef);
 
 <template>
   <div ref="chatTypeTabsRef">
-    <woot-tabs :index="activeTabIndex" @change="onTabChange">
+    <woot-tabs
+      :index="activeTabIndex"
+      class="tab--chat-type py-0 px-4 w-full"
+      @change="onTabChange"
+    >
       <woot-tabs-item
         v-for="item in items"
         :key="item.key"
@@ -54,3 +58,13 @@ useKeyboardEvents(keyboardEvents, chatTypeTabsRef);
     </woot-tabs>
   </div>
 </template>
+
+<style scoped lang="scss">
+.tab--chat-type {
+  ::v-deep {
+    .tabs {
+      @apply p-0;
+    }
+  }
+}
+</style>