diff --git a/packages/app/e2e/browser/sidebar-help.spec.ts b/packages/app/e2e/browser/sidebar-help.spec.ts index 6d2ed6e96f..2d038abbdb 100644 --- a/packages/app/e2e/browser/sidebar-help.spec.ts +++ b/packages/app/e2e/browser/sidebar-help.spec.ts @@ -190,6 +190,9 @@ async function expectFingerSizedFooterTargets(page: Page): Promise { const bounds = await button.boundingBox(); expect(bounds?.width).toBeGreaterThanOrEqual(44); expect(bounds?.height).toBeGreaterThanOrEqual(44); + // Glyphs stay at the composer toolbar size (some optically smaller); only the target grows. + const glyphWidth = await button.locator("svg").first().getAttribute("width"); + expect(Number(glyphWidth)).toBeLessThanOrEqual(20); } } diff --git a/packages/app/src/components/left-sidebar.tsx b/packages/app/src/components/left-sidebar.tsx index a6def126b1..cf6a9655e0 100644 --- a/packages/app/src/components/left-sidebar.tsx +++ b/packages/app/src/components/left-sidebar.tsx @@ -291,7 +291,7 @@ function FooterIconButton({ buttonRef?: RefObject; }) { const isCompact = useIsCompactFormFactor(); - const iconSize = isCompact ? theme.iconSize.xl : theme.iconSize.md; + const iconSize = isCompact ? theme.iconSize.lg : theme.iconSize.md; return ( diff --git a/packages/app/src/components/sidebar/sidebar-help-menu.tsx b/packages/app/src/components/sidebar/sidebar-help-menu.tsx index 85acc8cf30..5f603392f2 100644 --- a/packages/app/src/components/sidebar/sidebar-help-menu.tsx +++ b/packages/app/src/components/sidebar/sidebar-help-menu.tsx @@ -113,7 +113,7 @@ export function SidebarHelpMenu() { > {({ hovered }) => ( )} diff --git a/packages/app/src/styles/theme.ts b/packages/app/src/styles/theme.ts index d5c1678749..04b1e8f6ae 100644 --- a/packages/app/src/styles/theme.ts +++ b/packages/app/src/styles/theme.ts @@ -595,7 +595,6 @@ export const ICON_SIZE = { sm: 14, md: 16, lg: 20, - xl: 24, } as const; export const ICON_STROKE_WIDTH = 1.5;