From d184f479e6827429219d268a2222b05d8e356060 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Fri, 9 Feb 2024 16:59:47 +0000
Subject: [PATCH] [ui] Change the large bookmarks grid to have 3 cols instead
 of 4 and fix hover coloring

---
 .../web/app/dashboard/bookmarks/components/BookmarksGrid.tsx    | 2 +-
 packages/web/app/dashboard/bookmarks/components/LinkCard.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx b/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
index 11845ca32..68ab304a7 100644
--- a/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
@@ -14,7 +14,7 @@ export default function BookmarksGrid({
   bookmarks: ZBookmark[];
 }) {
   return (
-    <div className="container grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
+    <div className="container grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3">
       {bookmarks.map((b) => renderBookmark(b))}
     </div>
   );
diff --git a/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx b/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
index 039cb156b..0a8a103e4 100644
--- a/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
@@ -30,7 +30,7 @@ export default function LinkCard({ bookmark }: { bookmark: ZBookmark }) {
         {bookmark.tags.map((t) => (
           <Badge
             variant="default"
-            className="bg-gray-300 text-gray-500"
+            className="bg-gray-300 text-gray-500 hover:text-white"
             key={t.id}
           >
             #{t.name}