Padding on the side of 3-button navigation bar - Android Phones

[sushilendra-tasgaonkar]

With the code below, I see a strange behavior on Android Phone having 3 button navigation in landscape mode. There is an additional padding on the side of the buttons, whether it is to right or left, as seen in the screen shot below. This works well in portrait mode.

<SafeAreaProvider>
      <SafeAreaView style={{ flex: 1, backgroundColor: '#fff' }} edges={['top', 'left', 'right']}>
        <GlobalStateProvider>
          <NetworkProvider>
            <AuthProvider>
              <PaperProvider theme={MD3LightTheme}>
                <OfflineSyncHandler />
                <KeyboardProvider statusBarTranslucent navigationBarTranslucent>
                  <Stack screenOptions={screenOptions}>
                    <Stack.Screen name="index" options={{ headerShown: false }} />
                    <Stack.Screen name="LoginScreen" options={{ headerShown: false }} />
                    <Stack.Screen name="CompanyCodeEntryScreen" options={{ headerShown: false }} />
                    <Stack.Screen name="(tabs)" />
                    <Stack.Screen name="TerminalUserClockingScreen" />
                    <Stack.Screen name="AnomalyDetailsScreen" />
                    <Stack.Screen name="ForgotPasswordScreen" options={{ headerShown: false }} />
                    <Stack.Screen name="ChangePasswordScreen" />
                    <Stack.Screen name="ForcePasswordChangeScreen" options={{ headerShown: false }} />
                  </Stack>
                </KeyboardProvider>
                <AppToast />
              </PaperProvider>
            </AuthProvider>
          </NetworkProvider>
        </GlobalStateProvider>
      </SafeAreaView>
    </SafeAreaProvider>

You can see the padding/margin on the left

In portrait mode, I do not seem to get this issue

Thanks in Advance