JSFiddle - React, Tailwind, and code Playground

HTML

<input class="FlaggingPeriodTextBox" style=" width: 61px;    text-align: right;font-family: Segoe UI;margin-top: 9px;" type="number" min="1" max="999" value="7">

CSS

input[type="number"]::-webkit-inner-spin-button 
    {
       opacity: 1 !important;
    }