JSFiddle - React, Tailwind, and code Playground

HTML

<input type="number" value="123">

CSS

body{ margin:1em; }
body *{ font-family: RussellSquare}
body{background-color: #363636;}

input[type=number]{
    font-size:1em;
    width:2.5em;
    padding:3px;
    margin:0;
    border-radius:3px; 
    border: 5px solid #A5CD37;
    text-align:center;
}

input[type=number]:focus{
    outline:none;
}