<UInput> overflows off screen in focus mode on mobile device

[dosstx]

When using the UInput component with w-full class on a mobile device, the input focus causes the input element to overflow off the viewport. How can I fix it so it does not do that?

Note: For reference, when using an input component from daisyui.com , this issue does not happen on mobile viewports.

Version

@nuxthq/ui: v2.7.0
nuxt: v3.6.5

Reproduction Link

https://stackblitz.com/edit/nuxtlabs-ui-v7cplu?file=app.vue

Steps to reproduce

I am unsure if you are able to view the stackblitz repo on an iOS mobile device (didn't work for me), so I have copied the same code to my web host: https://modernmedlife.com/test

Works fine on desktop device, but if you view the input on a mobile device, and then touch it (it goes into focus mode), the input will span offscreen (overflow).

Overflowing issue when in focus on mobile device (iOS):
https://drive.google.com/file/d/14blyZjlvsSaZoJZtj_dxjEf2UAOz3fLD/view?usp=sharing

What is Expected?

Should look like this:
https://drive.google.com/file/d/1eE65ODquYvF4gubCczXJNYmY9TmIq5Tu/view?usp=sharing

What is actually happening?

Using the UInput component causes the above issue, but if I swap that out with a daisyUI input component, it works as intended. Is there a NuxtUI configuration for ui classes that need to be adjusted for the UInput component?

[dosstx]

This seems to be fixed. May have been an issue with my own code. I'll close this.