Why does my header title will get cuts off in react native and iOS simulator?

I’m utilizing these dependancies:

"@react-navigation/native": "^6.1.18",
"@react-navigation/native-stack": "^6.11.0",

My AuthNavigator:

...
import { createNativeStackNavigator } from '@react-navigation/native-stack';
...

const Stack = createNativeStackNavigator();

const AuthNavigator = ({ refresh, emailVerificationError }) => {
  return (
    
      
        
        
      
    
  );
};

export default AuthNavigator;

I’ve tried to edit padding margin and so forth, however nothing labored, my textual content appears cropped as within the picture:

My simulator is on iPhone 15 Plus, iOS 17.4

Any concepts or strategies are actually appreciated!