Only 5 scheduled check-ins are seen and user can't scroll to load more while there's more.

[AmTryingMyBest]

Expected Behaviour

• Where there are more check-ins, the user should be able to know that and scroll to see them.

Actual Behaviour

• Where there are more than 5 check-ins, and when the initial 5 are loaded, if they fit the screen then the user cannot scroll to load more check-ins.

Steps to Reproduce

• Create scheduled hourly check-ins.
• On creation, note that only 5 check-ins are seen on the schedule list. There should be more.
• If the initial 5 fill the screen such that I can't scroll, then I won't be able to scroll at all. The scroll bar won't be visible such that it appears there's no more check-ins.

To get the scrollbar on the left and to enable scrolling, either one of two things brings it back:

1. Increase zoom level on my browser. This pushes the page contents down and I can then scroll and scrolling loads more.
2. Minimize browser size. This also pushes page contents down and I can scroll and well, scrolling loads more check-ins.

Additoinal Info:
Screen Resolution: 1280 x 720

Screenshots
Romina was able to reproduce this using an emulator by using the Responsive - iPad Pro mobil view with chrome

Environment

• www.tenfour.org
• app.tenfour.org
• staging.tenfour.org
• dev.tenfour.org
• localhost:8100
• iOS App (live)
• iOS App (testflight)
• Android App (live)
• Android App (beta)