Ion-content has default vertical scroll bar


I am using ionic 5.2.2, and I have an ion-content which has a vertical scroll bar.
I am a little lost as to how to make this scroll bar go away.

I have tried inserting the following to hide the overflow, but this doesnt work.
.no-scroll {
.scroll-content {
overflow: hidden !important;

it simply seems like the content just doesnt fit on the device screen. is there a way to force content to fit on the device screen?

thank you,

Does the “fixed” attribute documented at the bottom of this page help?