From 62e0776fcd2b24e0a344fc6b773f116361648933 Mon Sep 17 00:00:00 2001
From: heyjul3s <julian.cy.low@gmail.com>
Date: Thu, 14 Jan 2021 13:34:40 +1100
Subject: [PATCH] change onClick event binding to NavCategory

---
 docs/components/Nav/Mobile/Navbar/Navbar.tsx | 17 ++++++++---------
 docs/components/Nav/Mobile/Navbar/styles.ts  |  3 ++-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/docs/components/Nav/Mobile/Navbar/Navbar.tsx b/docs/components/Nav/Mobile/Navbar/Navbar.tsx
index 353a681..cc4e74a 100644
--- a/docs/components/Nav/Mobile/Navbar/Navbar.tsx
+++ b/docs/components/Nav/Mobile/Navbar/Navbar.tsx
@@ -30,16 +30,15 @@ export function Navbar() {
         const Icon = Icons[`${links[key].name}Icon`];
 
         return (
-          <NavCategory key={`${key}-button`}>
+          <NavCategory
+            key={`${key}-button`}
+            onClick={onClickNavCategory(
+              links[key].name,
+              links[key].mobileNavIndex
+            )}
+          >
             {!!Icon && <Icon />}
-            <NavCategoryButton
-              onClick={onClickNavCategory(
-                links[key].name,
-                links[key].mobileNavIndex
-              )}
-            >
-              {links[key].name}
-            </NavCategoryButton>
+            <NavCategoryButton>{links[key].name}</NavCategoryButton>
           </NavCategory>
         );
       })}
diff --git a/docs/components/Nav/Mobile/Navbar/styles.ts b/docs/components/Nav/Mobile/Navbar/styles.ts
index 4189a3d..a3209f2 100644
--- a/docs/components/Nav/Mobile/Navbar/styles.ts
+++ b/docs/components/Nav/Mobile/Navbar/styles.ts
@@ -18,7 +18,7 @@ export const NavMenuContainer = styled.div`
   `}
 `;
 
-export const NavCategoryButton = styled.button`
+export const NavCategoryButton = styled.a`
   font-size: 0.6rem;
   border: none;
   outline: none;
@@ -37,4 +37,5 @@ export const NavCategory = styled.div`
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  cursor: pointer;
 `;