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: {