JSFiddle - React, Tailwind, and code Playground

by DeadByElpy

HTML

<input type="text" placeholder="ENTeR LOGIN">

CSS

input {
  width: 480px;
height: 64px;
line-height: 64px;
bottom: 0;
left: 0;
padding: 0 16px;
position: absolute;
background-color: rgba(255, 255, 255, 0.15);
-webkit-box-sizing: border-box;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
border: solid 1px rgba(255, 255, 255, 0.05);
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
display: inline-block;
}