Placement of the "x" close button in large phone font size

[Mukhunyeledzi-Muthuphei]

Before submitting

• I tested using the latest version
• I checked for duplicate issues
• I have enabled enableDebug={true} prop and included console logs below

Platform

Android

Versions

-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ @react-google-maps/api@2.20.7
│ └── react@19.1.0 deduped
├─┬ @react-native-async-storage/async-storage@2.2.0
│ └── react-native@0.81.5 deduped
├─┬ @react-native-picker/picker@2.11.1
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ @react-navigation/bottom-tabs@7.4.2
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ @react-navigation/elements@2.5.2
│ ├── react-native@0.81.5 deduped
│ ├── react@19.1.0 deduped
│ ├─┬ use-latest-callback@0.2.4
│ │ └── react@19.1.0 deduped
│ └─┬ use-sync-external-store@1.5.0
│ └── react@19.1.0 deduped
├─┬ @react-navigation/native@7.1.14
│ ├─┬ @react-navigation/core@7.12.1
│ │ └── react@19.1.0 deduped
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ @testing-library/react-native@13.3.3
│ ├── react-native@0.81.5 deduped
│ ├─┬ react-test-renderer@19.1.0
│ │ └── react@19.1.0 deduped
│ └── react@19.1.0 deduped
├─┬ expo-auth-session@7.0.8
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ expo-blur@15.0.7
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ expo-constants@18.0.10
│ └── react-native@0.81.5 deduped
├─┬ expo-font@14.0.9
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ expo-image@3.0.10
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ expo-linking@8.0.8
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ expo-router@6.0.14
│ ├─┬ @radix-ui/react-slot@1.2.0
│ │ ├─┬ @radix-ui/react-compose-refs@1.1.2
│ │ │ └── react@19.1.0 deduped
│ │ └── react@19.1.0 deduped
│ ├─┬ @radix-ui/react-tabs@1.1.13
│ │ ├─┬ @radix-ui/react-context@1.1.2
│ │ │ └── react@19.1.0 deduped
│ │ ├─┬ @radix-ui/react-direction@1.1.1
│ │ │ └── react@19.1.0 deduped
│ │ ├─┬ @radix-ui/react-id@1.1.1
│ │ │ ├─┬ @radix-ui/react-use-layout-effect@1.1.1
│ │ │ │ └── react@19.1.0 deduped
│ │ │ └── react@19.1.0 deduped
│ │ ├─┬ @radix-ui/react-presence@1.1.5
│ │ │ └── react@19.1.0 deduped
│ │ ├─┬ @radix-ui/react-primitive@2.1.3
│ │ │ ├─┬ @radix-ui/react-slot@1.2.3
│ │ │ │ └── react@19.1.0 deduped
│ │ │ └── react@19.1.0 deduped
│ │ ├─┬ @radix-ui/react-roving-focus@1.1.11
│ │ │ ├─┬ @radix-ui/react-collection@1.1.7
│ │ │ │ ├─┬ @radix-ui/react-slot@1.2.3
│ │ │ │ │ └── react@19.1.0 deduped
│ │ │ │ └── react@19.1.0 deduped
│ │ │ ├─┬ @radix-ui/react-use-callback-ref@1.1.1
│ │ │ │ └── react@19.1.0 deduped
│ │ │ └── react@19.1.0 deduped
│ │ ├─┬ @radix-ui/react-use-controllable-state@1.2.2
│ │ │ ├─┬ @radix-ui/react-use-effect-event@0.0.2
│ │ │ │ └── react@19.1.0 deduped
│ │ │ └── react@19.1.0 deduped
│ │ └── react@19.1.0 deduped
│ ├─┬ @react-navigation/native-stack@7.3.21
│ │ ├── react-native@0.81.5 deduped
│ │ └── react@19.1.0 deduped
│ ├─┬ react-native-is-edge-to-edge@1.2.1
│ │ ├── react-native@0.81.5 deduped
│ │ └── react@19.1.0 deduped
│ ├── react-native@0.81.5 deduped
│ ├─┬ react-server-dom-webpack@19.0.0
│ │ └── react@19.1.0 deduped
│ ├── react@19.1.0 deduped
│ └─┬ vaul@1.1.2
│ ├─┬ @radix-ui/react-dialog@1.1.15
│ │ ├─┬ @radix-ui/react-dismissable-layer@1.1.11
│ │ │ ├─┬ @radix-ui/react-use-escape-keydown@1.1.1
│ │ │ │ └── react@19.1.0 deduped
│ │ │ └── react@19.1.0 deduped
│ │ ├─┬ @radix-ui/react-focus-guards@1.1.3
│ │ │ └── react@19.1.0 deduped
│ │ ├─┬ @radix-ui/react-focus-scope@1.1.7
│ │ │ └── react@19.1.0 deduped
│ │ ├─┬ @radix-ui/react-portal@1.1.9
│ │ │ └── react@19.1.0 deduped
│ │ ├─┬ @radix-ui/react-slot@1.2.3
│ │ │ └── react@19.1.0 deduped
│ │ ├─┬ react-remove-scroll@2.7.1
│ │ │ ├─┬ react-remove-scroll-bar@2.3.8
│ │ │ │ └── react@19.1.0 deduped
│ │ │ ├─┬ react-style-singleton@2.2.3
│ │ │ │ └── react@19.1.0 deduped
│ │ │ ├── react@19.1.0 deduped
│ │ │ ├─┬ use-callback-ref@1.3.3
│ │ │ │ └── react@19.1.0 deduped
│ │ │ └─┬ use-sidecar@1.1.3
│ │ │ └── react@19.1.0 deduped
│ │ └── react@19.1.0 deduped
│ └── react@19.1.0 deduped
├─┬ expo-status-bar@3.0.8
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ expo-storage@54.0.6
│ └─┬ expo-file-system@19.0.17
│ └── react-native@0.81.5 deduped
├─┬ expo-symbols@1.0.7
│ └── react-native@0.81.5 deduped
├─┬ expo-system-ui@6.0.8
│ └── react-native@0.81.5 deduped
├─┬ expo-updates@29.0.12
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ expo-web-browser@15.0.8
│ └── react-native@0.81.5 deduped
├─┬ expo@54.0.21
│ ├─┬ @expo/cli@54.0.14
│ │ └── react-native@0.81.5 deduped
│ ├─┬ @expo/devtools@0.1.7
│ │ ├── react-native@0.81.5 deduped
│ │ └── react@19.1.0 deduped
│ ├─┬ expo-asset@12.0.9
│ │ ├── react-native@0.81.5 deduped
│ │ └── react@19.1.0 deduped
│ ├─┬ expo-keep-awake@15.0.7
│ │ └── react@19.1.0 deduped
│ ├─┬ expo-modules-core@3.0.23
│ │ ├── react-native@0.81.5 deduped
│ │ └── react@19.1.0 deduped
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ jest-expo@54.0.13
│ └── react-native@0.81.5 deduped
├─┬ nativewind@4.1.23
│ └─┬ react-native-css-interop@0.2.0 overridden
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ react-dom@19.1.0
│ └── react@19.1.0 deduped
├─┬ react-native-gesture-handler@2.28.0
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ react-native-get-random-values@1.11.0
│ └── react-native@0.81.5 deduped
├─┬ react-native-google-places-autocomplete@2.5.7
│ └── react-native@0.81.5 deduped
├─┬ react-native-google-places-textinput@0.9.1
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ react-native-maps@1.20.1
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ react-native-markdown-display@7.0.2
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ react-native-reanimated@4.1.2
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ react-native-safe-area-context@5.6.1
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ react-native-screens@4.16.0
│ ├─┬ react-freeze@1.0.4
│ │ └── react@19.1.0 deduped
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ react-native-super-grid@6.0.1
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ react-native-svg-transformer@1.5.1
│ └── react-native@0.81.5 deduped
├─┬ react-native-svg@15.12.1
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ react-native-web@0.21.1
│ └── react@19.1.0 deduped
├─┬ react-native-worklets@0.5.1
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ react-native@0.81.5
│ ├─┬ @react-native/virtualized-lists@0.81.5
│ │ ├── react-native@0.81.5 deduped
│ │ └── react@19.1.0 deduped
│ └── react@19.1.0 deduped
├── react@19.1.0
└─┬ zustand@5.0.8
└── react@19.1.0 deduped

Bug summary

The x button is not in the circle in large phone font size

Debug logs (with enableDebug={true})