Last Updated: July 08, 2019
· tomjohn77

Grid React/material UI help

First of all I'm completely new to react and css. I wanted to ask on stack overflow, but I couldn't figure out how to best phrase it.
I've created a 2x2 grid, but the grids have different elements. My grid looks fine if it's all textfields, all dropdowns or all the same element. But I need two plain texts, one is a drop down and one is textfield.
The text field has more left padding and so is more indented. The drop down has more top and bottom padding, so it makes the plain text look top aligned.
I'm not sure if I should be overwriting the paddings or how to resolve this issue.