margin on carousel items only work for first item

I'm currently undergoing development for a mobile application that needs a carousel for the onboarding pages. Having 3 items, I added a header an subheader for each of the items. While testing, I've figured that the margins work if I only add the header & subheader for only an item, but if I add headers and subheaders for all items, it overflows the screen and ignores the containers constraints. I'm pretty sure that all margins and padding I've added are uniform. Is there anything important that I've missed that is causing this overflow?

Hello Isaac,

It seems that what's causing the overflow is the use of the class display-flex on the carousel's wrapper. 

Can you try to remove it and see if it solves the issue?

My regards,