When a widget is added to a Landing Page, users may sometimes observe extra spacing on the right side or that form input fields overflow beyond the visible screen area. This article explains why this occurs and how to resolve it.
Issue Description #
-
A form widget was configured and added to a landing page.
-
On preview, extra spacing was observed on the right side.
-
In the view, the input fields were overflowing outside the visible frame, breaking the responsive layout.
-
Resizing spacing within the widget settings did not resolve the issue.
Root Cause #
This behavior typically occurs when the form widget contains elements with fixed or large dimensions, most commonly:
-
An image field with a large image size/URL, or
-
Any field component with size values set too large, exceeding the responsive container width.
Such oversized elements force the form width to expand beyond screen size, resulting in spacing and overflow issues.
Resolution Steps #
Open the Form Configured in the Widget
-
Navigate to the widget configuration.
-
Select the form used in the widget.
-
Review All Fields Inside the Form
-
Check if any image fields or image URLs are used.
-
Verify if any component has custom height/width values applied.
-
Resize or Remove Oversized Elements
-
Reduce image dimension values to fit within responsive layout.
-
Adjust any field width/spacing values that may push the form width outward.
-
Save Changes & Re-preview
-
Once size adjustments are made, preview the widget again.
-
Confirm that the layout appears as expected in both desktop and mobile view.
-
Result #
After resizing the image or correcting oversized field properties, the widget layout will render properly without unwanted spacing. The form will align and scale correctly across devices, including mobile view.
