Css Input Padding

Hi All,

I am struggling to adjust the padding for inputs in the theme, I have tried the following with no joy. Is it possible?

.MuiInputBase-root {
padding: 0px 0px 0px 0px;

which is not the ideal route, and then as a class i tried the following

.Test {
font-size: 10pt;
padding: 0px 0px 0px 0px;
border-radius: 10px;

As always thank you for any assistance.

Kind Regards,

Hello @Raymond_Woodley

Could you make two images:

  • how it looks now
  • how it must look

As I see, the Input(container element) has no paddings. But input control has.
You could try to play with class .MuiInputBase-input but it could break the component UI - that happens because the component is composite and controlled mainly by MaterialUI so we can’t make it more flexible.

Regards, Dima