Can't set min-width on input and select

[apsquared]

I want to have my input and selects smaller than the 200 min width that is applied. I tried adding this to my theme in tailwind config but still no luck.

    input: {
      styles: {
        base: {
          container: {
            minWidth: "min-w-[100px]",
          }
        }
      }
    },
    select: {
      styles: {
        base: {
          container: {
            minWidth: "min-w-[100px]",
          }
        }
      }
    },

[don-esteban]

Can't help with theme modification, but if you just need it with a few inputs, use containerProps at component level. See: https://www.material-tailwind.com/docs/react/input#input-props