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 {
  width:100%;
  border:1px solid #000;
  text-align:center;
}
.icon_password { 
  border: 1px solid #ccc;
  border-right: 0;
  width: 30%;
  display:inline-block;
  position: relative;
  background-color: #f7f7f7;
}
.password_form {
  width: 30%;
  height: 50px;
  padding: 10px;
  border: 1px solid #ccc;
  font-family: inherit;
  display:inline-block;
}
.show_password {
  border: 1px solid #ccc;
  border-left: 0;
  width: 30%;
  height: 50px;
  display:inline-block;
  position: relative;
  background-color: #f7f7f7;
}