Components alignment

Hello fellow NA’s users…

Did you able to find a way to center align a components?

Sample to center align the button?

If no solutions for this yet, can I make this as a request feature later on @jatin_notionapps :slight_smile:

Thank you.

Anyone already enable this by using the new CSS features?

I have tried, but haven’t able to do it. Idk what’s wrong in my CSS. :melting_face:

Please try this:

[data-notionapps-end-user-root=“true”] #end-user-app-container {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
}

f that centers too much (nav + everything), narrow it — the guide warns against broad layout rules. Example for form content only:

[data-notionapps-end-user-root=“true”] form {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
width: 100% !important;
}

Also, please refer to docs.notionapps.com