[TextField] Change transform and padding in outlined fields

[muhammad-asad-26]

Hi,
I'm using material ui in one of my application but I'm facing some problems adjusting the font-sizes for input and labels, When I shrink the font size and change font family, the transform: translate(14px, 17px) scale(1), .MuiOutlinedInput-input-196 { padding: 18.5px 14px; } properties like these gets disturbed. The end product looks very immature and bad.

I need some help to style the text fields globally for entire app.

I need to do something like this

overrides: {
    MuiOutlinedInputLabel: {
      root: {
        transform: "translate(14px, 19px) scale(1)"
      }
    }
  }

Also need to update this class
.MuiInputLabel-outlined-180.MuiInputLabel-shrink-177 {
    transform: translate(11px, -4px) scale(0.9);
}

[oliviertassinari]

@muhammad-asad-26 What solution do you envision?

[kelzuriel-mihai]

So anyone found a solution to this?