JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
<td>
  <div class='container_input'> 
    <input type='text' class='container_default' value=''> 
  </div>
  <div>
    <button type='button' class='container_button'>
    </button>
  </div>
</td>
</tr>
<tr>
</tr>
</table>

CSS

td {
  background-color: blue;
  
}
.container_default {
	display: inline-block;
	width:100%;
	height:100%;
}
.container_input {
	display: inline-block;
	width:50px;
	height:100%;
}
.container_button {
	display: inline-block;
	background-size: cover; /* Фон занимает всю доступную площадь */
	background-color: red;
  height:23px;
	width: 23px;
	float: right;
	padding-right: 2px;
	vertical-align: top;
}