JSFiddle - React, Tailwind, and code Playground

HTML

<div id="basecfgattrs">
    <div id=""basecfgattrs-row1">
		<div class="input-col3" id="width-input-container"> 
			<label>Chart Width</label>
			<input name="width" id="width" />
		</div>
		<div class="input-col3" id="height-input-container">
			<label>Chart Height</label>
			<input name="height" id="height" />
		</div>
		<div class="input-col3" id="dataSource-chart-bgColor-input-container">
			<label>Background Color</label>
			<input name="dataSource-chart-bgColor" id="dataSource-chart-bgColor" type="color" class="colorpicker" />
		</div>
	</div>
</div>

CSS

.input-col3 {
    float: left;
	width: 32%
}

#basecfgattrs input {
    width: 44px;
}

#basecfgattrs-row1 {
    position: relative;
}

#basecfgattrs-row1 div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}