From bdad9491703fa2b3a76dd4277b9a738269b41822 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Thu, 3 Sep 2026 00:48:02 -0400 Subject: [PATCH] fix(client): put the tab bar back on the 13px base Tabs.tsx hardcoded fontSize: 14, so the tab bar sat a pixel above the 13px base the rest of the chrome uses. Now typographyLevels.m, which also satisfies the no-hardcoded-literals rule. Claude-Session: https://claude.ai/code/session_01AbYLvwpEaZFXktHVcqrFRd --- client/src/Components/design-elements/Tabs.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/client/src/Components/design-elements/Tabs.tsx b/client/src/Components/design-elements/Tabs.tsx index 149c0bd93..ae9a1c512 100644 --- a/client/src/Components/design-elements/Tabs.tsx +++ b/client/src/Components/design-elements/Tabs.tsx @@ -1,6 +1,7 @@ import MuiTabs from "@mui/material/Tabs"; import type { TabsProps } from "@mui/material/Tabs"; import { useTheme } from "@mui/material/styles"; +import { typographyLevels } from "@/Utils/Theme/Palette"; interface CustomTabsProps extends TabsProps {} export const Tabs = (props: CustomTabsProps) => { @@ -38,7 +39,7 @@ export const Tab = (props: CustomTabProps) => { iconPosition="start" sx={{ textTransform: "none", - fontSize: 14, + fontSize: typographyLevels.m, fontWeight: 500, minHeight: 34, padding: theme.spacing(1, 0),