Remove underline (bottom border) from MUI Input component

Question

How can I remove these bottom-line borders from these inputs? I've tried throwing some CSS on it, but unsuccessfully component -> <Input type={"text} /> ?

Answer 1

You can set the disableUnderline prop to true to hide the line below the Input:

<Input disableUnderline