Huge padding on the right of the input box

### Before submitting

- [x] I tested using the latest version
- [x] I checked for duplicate issues
- [ ] I have enabled `enableDebug={true}` prop and included console logs below

### Platform

Android

### Versions

├─┬ @expo/vector-icons@15.0.3
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ @react-navigation/bottom-tabs@7.8.5
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ @react-navigation/elements@2.8.2
│ ├── react-native@0.81.5 deduped
│ ├── react@19.1.0 deduped
│ ├─┬ use-latest-callback@0.2.6
│ │ └── react@19.1.0 deduped
│ └─┬ use-sync-external-store@1.6.0
│   └── react@19.1.0 deduped
├─┬ @react-navigation/native@7.1.20
│ ├─┬ @react-navigation/core@7.13.1
│ │ └── react@19.1.0 deduped
│ ├── 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
│ ├─┬ @expo/metro-runtime@6.1.2
│ │ ├── react-native@0.81.5 deduped
│ │ └── react@19.1.0 deduped
│ ├─┬ @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.6.3
│ │ ├── 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@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-presence@1.1.5
│   │ │ └── react@19.1.0 deduped
│   │ ├─┬ @radix-ui/react-primitive@2.1.3
│   │ │ └── 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-symbols@1.0.7
│ └── react-native@0.81.5 deduped
├─┬ expo-system-ui@6.0.8
│ └── react-native@0.81.5 deduped
├─┬ expo-web-browser@15.0.9
│ └── react-native@0.81.5 deduped
├─┬ expo@54.0.23
│ ├─┬ @expo/cli@54.0.16
│ │ └── 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-file-system@19.0.17
│ │ └── react-native@0.81.5 deduped
│ ├─┬ expo-keep-awake@15.0.7
│ │ └── react@19.1.0 deduped
│ ├─┬ expo-modules-core@3.0.25
│ │ ├── react-native@0.81.5 deduped
│ │ └── react@19.1.0 deduped
│ ├── 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-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-reanimated@4.1.5
│ ├── react-native@0.81.5 deduped
│ └── react@19.1.0 deduped
├─┬ react-native-safe-area-context@5.6.2
│ ├── 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-web@0.21.2
│ └── 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

### Bug summary

The input box comes with this huge padding on the right that is impossible to get rid off,
it also has one on the left but that one is small

 `<GooglePlacesTextInput
          apiKey={GOOGLE_API_KEY}
          onPlaceSelect={handlePlaceSelected}
          value={text}
          onTextChange={(t) => setText(t)}
          placeHolderText={'Search'}
          fetchDetails={true}
          detailsFields={["formattedAddress"]}
          includedRegionCodes={["za"]}
          showLoadingIndicator={false}
          showClearButton={false}
          style={{
            input: {
              padding: 0,
              paddingHorizontal: 0,
              // paddingVertical: 0,
              margin: 0,
              paddingEnd: 0,
              paddingStart: 0
            },
            container: {
              padding: 0,
              margin: 0,
              paddingEnd: 0,
              paddingStart: 0
            },
          }}
        />`


<img width="1080" height="180" alt="Image" src="https://github.com/user-attachments/assets/e87bd54e-a65a-48bc-a283-4b4c59b9db17" />

If you check the image above, you can see there is still padding on the left and right, even with show clear button and show loading indicator turned off

### Debug logs (with enableDebug={true})

```text

```

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Huge padding on the right of the input box #38

Before submitting

Platform

Versions

Bug summary

Debug logs (with enableDebug={true})

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Huge padding on the right of the input box #38

Description

Before submitting

Platform

Versions

Bug summary

Debug logs (with enableDebug={true})

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions