DBG: audio { height: 20px; width: 300px; } audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { height: 20px; } audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container { height: 20px; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); } audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline { height: 20px; } audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button { width: 20px; height: 20px; } audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button { width: 20px; height: 20px; } audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button { width: 20px; height: 20px; } audio::-webkit-media-controls-volume-slider-container, video::-webkit-media-controls-volume-slider-container { -webkit-appearance: media-volume-slider-container; position: absolute; height: 100px; width: 20px; } audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider { -webkit-appearance: media-volume-slider; display: inline; position: absolute; width: 10px; height: 90px; }