[BUG] - RTL Layout Issues for Required Autocomplete, Textarea, and Input Components

[mrbadri]

NextUI Version

2.3.2

Describe the bug

In RTL layout, the label margins for required Autocomplete, Textarea, and Input components are incorrect, leading to layout issues.

---

LRT direction:

---

RTL direction

you can observe here

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. Set the direction of the page or component to RTL.
2. Add an Autocomplete, Textarea, or Input component with the "required" property.
3. Observe the incorrect margin of the labels.

Expected behavior

The labels for the Autocomplete, Textarea, and Input components should be properly positioned, maintaining consistent spacing and alignment with the input fields, regardless of the text direction (RTL or LTR).

Screenshots or Videos

No response

Operating System Version

All

Browser

Chrome

[linear]

ENG-669 [BUG] - RTL Layout Issues for Required Autocomplete, Textarea, and Input Components