Custom field name overflow breaks UI layout and hides edit/reorder controls

### Steps To Reproduce 1. Edit a vault item 2. Add a custom field name 3. Use a name that would exceed the width of the browser extension I.e.: "Field_test Field_test Field_test Field_test Field_test Field_test Field_test Field_test Field_test Field_test Field_test Field_test Field_test Field_test Field_test Field_test Field_test Field_test" ### Expected Result The custom field label should wrap onto multiple lines (or otherwise be truncated with an ellipsis), while the value input field should keep a normal width and remain fully usable. ### Actual Result The UI appears to size the value input field according to the width of the custom field name instead of the available container width. ### Screenshots or Videos <img width="482" height="602" alt="Image" src="https://github.com/user-attachments/assets/f7084dd7-0fa5-4511-bc69-53ce1633e1d7" /> ### Additional Context This behavior also impacts the desktop application and web application This seems to be a layout/CSS issue where the width of the input container is being determined by the label content instead of being constrained by the parent container. This results in: * the text input becomes extremely wide; * it overflows outside the visible panel/dialog; * the layout breaks; * the **Edit (pencil)** and **Drag/Reorder** icons are pushed outside the visible UI and disappear; * it becomes impossible to edit or reorder the affected custom field unless the field name is shortened. ### Operating System macOS ### Operating System Version 26.5 ### Web Browser Firefox ### Browser Version 152.0.6 (aarch64) ### Environment Versions Version: 2026.6.1 SDK: 'main (c5d5bba)' Server version: 2026.6.2 ### Issue Tracking Info - [x] I understand that work is tracked outside of Github. A PR will be linked to this issue should one be opened to address it, but Bitwarden doesn't use fields like "assigned", "milestone", or "project" to track progress.