JSFiddle - React, Tailwind, and code Playground

HTML

<div class="input">
  <input type="text" placeholder=" lorem ipsum">
  <input type="text">
</div>

CSS

body {
 background: #181818;
}
input {
    display: block;
    min-width: 500px;
    padding: 0 10px;
    height: 40px;
    margin: 15px 0;
    color: #C2C2C2;
    background: #000000;
    border: 1px dotted #FF9933;
    outline: none;
}

input:focus {
    border: 1px dotted #FF9933;
    
}