JSFiddle - React, Tailwind, and code Playground

HTML

<span id="number-container">
    <input type="number" name="number" id="number-field" value="500.01" step="0.01" />
    <span id="number-container-symbol">$</span>
</span>

CSS

#number-container {
    position: relative;
}
#number-container-symbol {
    left: 5pt;
    position: absolute;
    top: 0px;
}
#number-field {
    background-color: transparent;
    padding-left: 10pt;
}