diff --git a/src/components/hooks/useHeaderOffset.ts b/src/components/hooks/useHeaderOffset.ts index 5c80e18fe0..c9987df770 100644 --- a/src/components/hooks/useHeaderOffset.ts +++ b/src/components/hooks/useHeaderOffset.ts @@ -8,8 +8,8 @@ export function useHeaderOffset() { if (isDesktop || isTablet) { return 0 } - const navBarHeight = 42 - const tabBarPad = 10 + 10 + 6 // padding + arbitrary + const navBarHeight = 52 + const tabBarPad = 10 + 10 + 3 // padding + border const normalLineHeight = 20 // matches tab bar const tabBarText = normalLineHeight * fontScale return navBarHeight + tabBarPad + tabBarText diff --git a/src/view/com/pager/TabBar.web.tsx b/src/view/com/pager/TabBar.web.tsx index f44e03368e..c83889432f 100644 --- a/src/view/com/pager/TabBar.web.tsx +++ b/src/view/com/pager/TabBar.web.tsx @@ -199,7 +199,7 @@ const mobileStyles = StyleSheet.create({ textAlign: 'center', minWidth: 45, paddingBottom: 10, - borderBottomWidth: 2, + borderBottomWidth: 3, borderBottomColor: 'transparent', }, outerBottomBorder: {