How to group a TextField and a Select?

In my app, the user needs to enter a quantity that can be in Bytes, KiB, GiB, or MiB.

I'm using 2 Reacts MUI components :

• a TextField to enter the quantity
• a Select to select the right quantity unit (Bytes, KiB, GiB, or MiB)

That's what I get: what I get

But as you can see there is a radius on each component. It's not nice looking.

I would like to get that : what I woud like

I tried with form groups, but doesn't work. Any ideas ?

You should use InputAdornment with Select as child. Refer this.

I have created an implementation here.