From 0b7ea6015b3ae7df1e94393986318d95817a6a3c Mon Sep 17 00:00:00 2001
From: DarioEsp <dario@fixu.cl>
Date: Sun, 24 Jul 2022 00:45:01 -0400
Subject: [PATCH] fix!: LInk hover

---
 src/layout/header/categories.tsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/layout/header/categories.tsx b/src/layout/header/categories.tsx
index 549a0fb..e70c3fb 100644
--- a/src/layout/header/categories.tsx
+++ b/src/layout/header/categories.tsx
@@ -15,9 +15,20 @@ const Categories = () => {
   return (
     <>
       {data.map((category: string) => (
-        <Box key={category} p="4" borderRadius="5px" borderWidth="1px">
-          <CustomLink href={`/category/${category}`}>{category}</CustomLink>
-        </Box>
+        <CustomLink 
+          key={category}
+          href={`/category/${category}`}>
+          <Box
+            p={4}
+            borderRadius="4px"
+            borderWidth="1px"
+            _hover={{
+              border:"1px solid rgb(0,0,0, .1)",
+              transform: "scale(0.98)",
+            }}>
+          {category}
+          </Box>
+        </CustomLink>
       ))}
     </>
   );