Material-ui: [Dialog] How to override padding

[Dindaleon]

I was able to override the absolute style; however, I cannot override the padding or padding top style on this component.

[shaurya947]

@Dindaleon if you're referring to the padding of the body of the dialog, then you can override that using the bodyStyle attribute of your Dialog component.

On the other hand, if you're referring to the padding of the dialog itself from the top of the window, see #1748. Let me know if you're not able to get it working!

[tintin1343]

@Dindaleon : Were you able to resolve this using the above suggestion?
I am closing this for now. Feel free to comment below if its not.

[nickhallph]

bodyStyle with { paddingTop: '0px(!important)' } doesn't work. // Pseudo code

The style attribute will add the styles to the parent div, allowing me to access it, but I still can't over ride the dynamic top padding x.x

Can't lie, MUI is not what I thought it was. Using MUI has made my life hell. So many things it does without your permission and so hard to tell it what to do. I would not recommend MUI for any project that isn't small, especially not a professional level application.

[nickhallph]

Solution:

<Dialog
  repositionOnUpdate={false}
  style={{ padding: '0px 0px 0px 0px' }}
/>

You have to set repositionOnUpdate to false AND add your paddingTop to the style attribute.

[andrewmclagan]

@nickhallph Not sure if your comments around your personal skillset / struggles with a component library are needed on a repository issue board.