BUG #4192
Updated by Aman Bhuiyan 2 months ago
### Description
**Module/Section:** Agency Profile → Profile Header → Add Timezones
**Profile:** Agency
**Issue Category:** UI
On the **Add Timezones** modal, selecting a **long-length timezone value** (for example, **America/Argentina/Buenos_Aires (UTC-03:00)**) causes the **Timezone input field to break the UI layout**, negatively impacting responsiveness and visual alignment.
### Steps to Reproduce
1. Navigate to the **Agency Profile** page.
2. Open the **Add Timezones** modal.
3. Select a long timezone value such as
**America/Argentina/Buenos_Aires (UTC-03:00)**.
4. Observe the **layout and responsiveness** of the Timezone input field.
### Expected Result
The **Timezone input field** should properly handle long timezone values without breaking the layout, maintaining responsiveness and alignment across screen sizes.
### Actual Result
Selecting a **long timezone value** causes the **Timezone input field to break the UI layout**, impacting responsiveness.
### Attachments
- [PoC](https://drive.google.com/file/d/1FyVHBWfBB2FgjlGx708mCWcTM5EC53zl/view?usp=sharing)
---
### Impact Area:
### Root Cause:
---
### Additional Info
- Tested By: Aman