[ui] Change the large bookmarks grid to have 3 cols instead of 4 and fix

hover coloring

1 files changed, 1 insertions, 2 deletions

diff --git a/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx b/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
index 039cb156..abd4bff7 100644
--- a/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
@@ -9,7 +9,6 @@ import { ZBookmark } from "@/lib/types/api/bookmarks";
 import Link from "next/link";
 import BookmarkOptions from "./BookmarkOptions";
 
-
 export default function LinkCard({ bookmark }: { bookmark: ZBookmark }) {
   const link = bookmark.content;
   const parsedUrl = new URL(link.url);
@@ -30,7 +29,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}