wrap categories

src/element/video-grid-sorted.tsx

@@ -15,7 +15,7 @@ export default function VideoGridSorted({ evs, showAll }: { evs: Array<TaggedNos
     (ev: NostrEvent) => {
       return tags.find(t => t.at(1) === getHost(ev));
     },
-    [tags]
+    [tags],
   );
   const { live, planned, ended } = useSortedStreams(evs, showAll ? 0 : undefined);
   const hashtags = getTagValues(tags, "t");

src/pages/category.tsx

@@ -85,7 +85,7 @@ export default function Category() {
   const results = useRequestBuilder(sub);
   return (
     <div>
-      <div className="flex gap-4">
+      <div className="flex flex-wrap gap-4">
         {AllCategories.map(a => (
           <CategoryLink key={a.id} {...a} />
         ))}