Sandbox bar at bottom hides CTAs in popup

[yoheioka]

Description: When using the Plaid React SDK in sandbox mode, the sandbox banner at the bottom of the screen overlaps with and hides call-to-action buttons/links inside the popup if the window size is constrained to a size that's not small enough to trigger a full screen experience.

This prevents users from being able to click certain buttons and links.

Steps to Reproduce:

1. Run Plaid React SDK in Sandbox mode.
2. Open the Link popup in a window size that does not trigger full screen (e.g., ~500x600).
3. Observe that the sandbox bar overlaps with the popup’s bottom buttons.

Expected Behavior: The popup should remain fully visible with CTAs accessible, regardless of sandbox bar presence. For example, the second screenshot below shows the intended view where buttons are not blocked.

Screenshots:

• Current behavior (blocked CTA):

• Expected behavior (CTA visible upon scrolling):

Environment:

• Plaid React SDK
• Sandbox mode
• Window size: ~500x600

Suggested Solutions:

• Relax thresholds to make the experience full screen
• Add bottom margin or inset to the popup so CTAs are positioned above the sandbox bar.
• Alternatively, make the popup scrollable beyond the sandbox bar, so blocked CTAs/links can still be accessed.