From ed42bb49c662448924d5753a4203b68753ca79f6 Mon Sep 17 00:00:00 2001
From: verbiricha <bandarra+gith@protonmail.com>
Date: Fri, 19 Apr 2024 13:00:21 +0200
Subject: [PATCH] avoid headers wrapping

---
 src/element/video-grid-sorted.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/element/video-grid-sorted.tsx b/src/element/video-grid-sorted.tsx
index 4a26ee3..b48611f 100644
--- a/src/element/video-grid-sorted.tsx
+++ b/src/element/video-grid-sorted.tsx
@@ -73,10 +73,10 @@ export default function VideoGridSorted({ evs, showAll }: { evs: Array<TaggedNos
 function GridSection({ header, items }: { header: ReactNode; items: Array<TaggedNostrEvent> }) {
   return (
     <>
-      <h2 className="flex items-center gap-4">
-        {header}
+      <div className="flex items-center gap-4">
+        <h2 className="whitespace-nowrap">{header}</h2>
         <span className="h-[1px] bg-layer-1 w-full" />
-      </h2>
+      </div>
       <VideoGrid>
         {items.map(e => (
           <VideoTile ev={e} key={e.id} />