Element wrongly displayed

This is what i get one the page load

enter image description here

instead of this ( when i refresh of do inspect the image will be perfectly positioned)

enter image description here

I got this only when i load the page for the first time

here is my scss:

 page .card2 {
    width: 100%;
    max-height: 70px !important;
    max-width: 350px !important;
    margin: 2rem auto !important;
    display: flex;

Hey @taiiieb, how are you debugging/testing your app? In your browser by ionic serve? On ionic devapp or where?