From 14c1e13637b36948adefc3ea5e2bca4168ba72a1 Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 30 Oct 2021 23:07:10 +0300
Subject: [PATCH] Tabs tweak styling

---
 frontend/components/common/Tab.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/components/common/Tab.tsx b/frontend/components/common/Tab.tsx
index 71a0d9240..681112e5e 100644
--- a/frontend/components/common/Tab.tsx
+++ b/frontend/components/common/Tab.tsx
@@ -46,13 +46,13 @@ const container = css({
   justifyContent: "center",
   placeItems: "center",
   gap: "$10",
-  gridTemplateColumns: "repeat(var(--tabs-count), 85px)",
+  gridTemplateColumns: "repeat(var(--tabs-count), 100px)",
 });
 
 const tab = css({
   all: "unset",
-  fontSize: "$sm",
   cursor: "pointer",
+  borderRadius: "$rounded",
 
   "&::after": {
     display: "block",
@@ -67,6 +67,11 @@ const tab = css({
     borderColor: "$themeTransparent",
   },
 
+  "&:focus-visible": {
+    outline: "2px solid $themeTransparent",
+    outlineOffset: "7px",
+  },
+
   variants: {
     type: {
       active: {