diff --git a/src/libs/Navigation/AppNavigator/useSplitNavigatorScreenOptions.ts b/src/libs/Navigation/AppNavigator/useSplitNavigatorScreenOptions.ts index 48237ef07c0..38d97115b70 100644 --- a/src/libs/Navigation/AppNavigator/useSplitNavigatorScreenOptions.ts +++ b/src/libs/Navigation/AppNavigator/useSplitNavigatorScreenOptions.ts @@ -36,10 +36,11 @@ const useSplitNavigatorScreenOptions = () => { cardStyleInterpolator: (props: StackCardInterpolationProps) => modalCardStyleInterpolator({props}), cardStyle: { ...StyleUtils.getNavigationModalCardStyle(), - width: shouldUseNarrowLayout ? '100%' : variables.sideBarWithLHBWidth, + width: shouldUseNarrowLayout ? '100%' : variables.sideBarWithLHBWidth + variables.navigationTabBarSize, // We need to shift the sidebar to not be covered by the StackNavigator so it can be clickable. - marginLeft: shouldUseNarrowLayout ? 0 : -variables.sideBarWithLHBWidth, + marginLeft: shouldUseNarrowLayout ? 0 : -(variables.sideBarWithLHBWidth + variables.navigationTabBarSize), + paddingLeft: variables.navigationTabBarSize, ...(shouldUseNarrowLayout ? {} : themeStyles.borderRight), }, },