[Bug]: Switching to headers tab in response section causes API form layout issues

[shadabbuchh]

Is there an existing issue for this?

• I have searched the existing issues

Description

After running an API and generating a response, switching to the Headers tab in the response section alters the layout of the API form. The input fields overflow beyond the boundaries of the query form, and the delete icon moves out of the visible viewport.

Steps To Reproduce

1. Create a new API or select an existing one.
2. Run the API to generate a response.
3. Once the response is displayed, switch to the Headers tab in the response section.
4. Observe the layout of the API form.

Expected Result:
The layout of the API form should remain consistent, with input fields and icons properly contained within the query form boundaries.

Actual Result:
The input fields overflow beyond the query form's boundaries, and the delete icon is no longer visible within the viewport.

Public Sample App

No response

Environment

Production

Severity

Medium (Frustrating UX)

Issue video log

https://jam.dev/c/03378c14-b7c2-4e5f-8b98-d0eb7c0b32d2

Version

Cloud