Fix chat collapsible not closing completely

HolodexNet · Nov 10, 2023 · 4e0d0d9 · 4e0d0d9
1 parent 9f9ab1a
commit 4e0d0d9
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/packages/react/src/components/player/ChatCard.tsx b/packages/react/src/components/player/ChatCard.tsx
@@ -36,12 +36,14 @@ export function ChatCard({ id, status, channel, link }: PlaceholderVideo) {
           </Button>
         </CollapsibleTrigger>
         <CollapsibleContent asChild>
-          <LiveChat
-            id={id}
-            status={status}
-            channelId={channel.id}
-            link={link}
-          />
+          <div className="flex grow">
+            <LiveChat
+              id={id}
+              status={status}
+              channelId={channel.id}
+              link={link}
+            />
+          </div>
         </CollapsibleContent>
       </Collapsible>
       <Collapsible
@@ -64,7 +66,9 @@ export function ChatCard({ id, status, channel, link }: PlaceholderVideo) {
           </Button>
         </CollapsibleTrigger>
         <CollapsibleContent asChild>
-          <TLChat videoId={id} />
+          <div className="flex grow">
+            <TLChat videoId={id} />
+          </div>
         </CollapsibleContent>
       </Collapsible>
     </div>