JSFiddle - React, Tailwind, and code Playground

HTML

<div class="password">
  <div class="icon_password"></div>
  <input class="password_form">
  <button class="show_password"></button>
</div>

CSS

.password {
  display: table;
  width: 100%;
}
.icon_password {
  border: 1px solid #ccc;
  border-right: 0;
  width: 50px;
  display: table-cell;
  position: relative;
  background-color: #f7f7f7;
}
.password_form {
  width: 100%;
  height: 50px;
  padding: 10px;
  border: 1px solid #ccc;
  font-family: inherit;
}
.show_password {
  border: 1px solid #ccc;
  border-left: 0;
  width: 50px;
  height: 50px;
  display: table-cell;
  position: relative;
  background-color: #f7f7f7;
}