Description
There appears to be an issue with modals in the Circle library where an unusually large empty space is rendered at the top of the modal content.
This results in the modal being visually pushed down, leaving a significant blank area above the header (Select a Question).
Expected behavior
The modal should be vertically aligned closer to the top (or centered, depending on design), without excessive spacing above its content.
Actual behavior
A large empty gap is rendered above the modal content, making the UI look broken and misaligned.
Screenshots
Environment
- Device: iPhone (Simulator)
- OS: iOS (latest)
- Library: Circle (latest version)
- Platform: React Native / Expo
Steps to reproduce
- Open any modal using the Circle library
- Observe the top spacing above the modal content
- Notice the excessive empty space before the header
Additional context
- The issue occurs consistently across modals
- It looks like an unintended margin/padding or safe-area miscalculation
- Possibly related to status bar / notch handling (
SafeAreaView or similar)
Description
There appears to be an issue with modals in the Circle library where an unusually large empty space is rendered at the top of the modal content.
This results in the modal being visually pushed down, leaving a significant blank area above the header (
Select a Question).Expected behavior
The modal should be vertically aligned closer to the top (or centered, depending on design), without excessive spacing above its content.
Actual behavior
A large empty gap is rendered above the modal content, making the UI look broken and misaligned.
Screenshots
Environment
Steps to reproduce
Additional context
SafeAreaViewor similar)