fix: css fixes

src/element/category-link.tsx

@@ -19,11 +19,13 @@ export default function CategoryLink({
       to={`/category/${id}`}
       key={id}
       className={classNames(
-        "min-w-[12rem] flex items-center justify-between gap-4 px-6 py-2 text-xl font-semibold rounded-xl",
+        "text-xl font-semibold rounded-xl",
         className
       )}>
-      {name}
-      <Icon name={icon} />
+      <div className="min-w-[12rem] flex items-center justify-between gap-4 px-6 py-2 whitespace-nowrap">
+        {name}
+        <Icon name={icon} size={20} />
+      </div>
     </Link>
   );
 }

src/element/category/zaps.tsx

@@ -9,8 +9,8 @@ export function CategoryZaps({ gameId }: { gameId: string }) {
   const total = zaps.reduce((acc, v) => (acc += v.amount), 0);
 
   return (
-    <Pill className="flex gap-2">
-      <Icon name="zap-filled" />
+    <Pill className="flex gap-2 items-center">
+      <Icon name="zap-filled" size={14} />
       {formatSatsCompact(total)}
     </Pill>
   );

src/element/video-grid-sorted.tsx

@@ -145,9 +145,9 @@ function PopularCategories({ items }: { items: Array<TaggedNostrEvent> }) {
       </div>
       <div className="flex flex-wrap gap-4">
         {categories.map(a => (
-          <Link to={`/category/${a.gameId}`} className="xl:w-[180px] lg:w-[170px] max-lg:w-[calc(30dvw-1rem)]">
+          <Link to={`/category/${a.gameId}`} className="xl:w-[180px] lg:w-[170px] max-lg:w-[calc(33.3%-0.75rem)]">
             <CategoryTile gameId={a.gameId} showFooterTitle={true}>
-              <div className="flex gap-2">
+              <div className="flex gap-2 flex-wrap">
                 <CategoryZaps gameId={a.gameId} />
                 {a.viewers > 0 && (
                   <Pill>

src/pages/category.tsx

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