JSFiddle - React, Tailwind, and code Playground

HTML

<audio src="http://dev.thephuse.com/Nimbus/stratus/lib/audio/1.mp3" type="audio/mp3" controls></audio>

CSS

audio::-webkit-media-controls-timeline {
  width: 10px;
}
audio::-webkit-media-controls {
  height: 300px;
}
audio::-webkit-media-controls-panel {
border: solid #c00 1px;
height: 30px;
margin-top:30px;
}
input[type="range"]::-webkit-slider-thumb {
width: 5px;
border-radius: 5px;
background-color: #000;

}
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display{
  font-size: 10px;
}