From 1302254bcfbe4be171af132a44d07b5d5b5a6a79 Mon Sep 17 00:00:00 2001
From: Samuel Rowe <samuelrowe1999@gmail.com>
Date: Sat, 13 Aug 2022 08:18:39 +0530
Subject: [PATCH] fix: fixed spacing issue in tabs

---
 services/frontend/src/components/Tab.tsx  | 1 +
 services/frontend/src/components/Tabs.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/services/frontend/src/components/Tab.tsx b/services/frontend/src/components/Tab.tsx
index 68cbf86..c6baf44 100644
--- a/services/frontend/src/components/Tab.tsx
+++ b/services/frontend/src/components/Tab.tsx
@@ -24,6 +24,7 @@ const Root = styled("div")<IRootProps>(({ hidden, active }) => ({
   fontWeight: 500,
   whiteSpace: "nowrap",
   borderBottomWidth: 2,
+  cursor: "pointer",
 
   ...(active
     ? { color: "#4f46e5", borderColor: "#6366f1" }
diff --git a/services/frontend/src/components/Tabs.tsx b/services/frontend/src/components/Tabs.tsx
index db63578..5d3878c 100644
--- a/services/frontend/src/components/Tabs.tsx
+++ b/services/frontend/src/components/Tabs.tsx
@@ -21,6 +21,7 @@ const Root = styled("div")`
 const Nav = styled("nav")`
   display: flex;
   flex-direction: row;
+  column-gap: ${({ theme }) => theme.spacing(3)};
   margin-bottom: -1px;
 `;