From e66a3baae54f3c0c8ef96566c4dd8e45e4c6aff6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateus=20Felipe=20Gon=C3=A7alves?=
 <mateusfelipefg77@gmail.com>
Date: Mon, 12 Dec 2022 11:32:35 -0300
Subject: [PATCH] feat(ui): add hover background on category list

---
 src/pages/categories.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/categories.tsx b/src/pages/categories.tsx
index 8c157887..71fc2545 100644
--- a/src/pages/categories.tsx
+++ b/src/pages/categories.tsx
@@ -27,7 +27,7 @@ const Categories: React.FC<Props> = ({ categories }) => {
           <div className="flex flex-wrap gap-2">
             {categories.map((categoryData, index) => (
               <Link key={index} href={`/category/${categoryData.category}`}>
-                <div className="py-1 px-4 border-2 border-solid border-neutral-700 dark:border-neutral-500 hover:border-blue-700 dark:hover:border-blue-500 font-bold text-neutral-700 dark:text-neutral-500 hover:text-blue-700 dark:hover:text-blue-500 duration-100 hover:cursor-pointer">
+                <div className="py-1 px-4 border-2 border-solid border-neutral-700 dark:border-neutral-500 hover:border-blue-700 dark:hover:border-blue-500 font-bold text-neutral-700 dark:text-neutral-500 hover:text-blue-700 dark:hover:text-blue-500  hover:bg-blue-700/10 dark:hover:bg-blue-500/10 duration-100 hover:cursor-pointer">
                   <p>
                     {categoryData.category}
                     <sup> {categoryData.numberOfPosts} </sup>