From 38077911b7da125f39869f772be849d5be3132e7 Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Sun, 24 Jul 2022 23:40:28 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9A=92=EF=B8=8F=20Fix=20design=20bug.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/layout/header/categories.tsx b/src/layout/header/categories.tsx
index 549a0fb..859b83f 100644
--- a/src/layout/header/categories.tsx
+++ b/src/layout/header/categories.tsx
@@ -4,6 +4,7 @@ import { getCategorySvgs } from "@/services";
 import CustomLink from "@/common/link";
 import { Box } from "@chakra-ui/react";
 import { RaceBy } from "@uiball/loaders";
+import Tap from "@/animations/tap";
 
 const Categories = () => {
   const { data, error } = useSWR(getCategorySvgs);
@@ -15,9 +16,13 @@ const Categories = () => {
   return (
     <>
       {data.map((category: string) => (
-        <Box key={category} p="4" borderRadius="5px" borderWidth="1px">
-          <CustomLink href={`/category/${category}`}>{category}</CustomLink>
-        </Box>
+        <Tap key={category}>
+          <CustomLink href={`/category/${category}`}>
+            <Box p="4" borderRadius="5px" borderWidth="1px">
+              {category}
+            </Box>
+          </CustomLink>
+        </Tap>
       ))}
     </>
   );