diff --git a/src/zen/media/zen-media-controls.css b/src/zen/media/zen-media-controls.css index 6f9cadb9..d7b6cad7 100644 --- a/src/zen/media/zen-media-controls.css +++ b/src/zen/media/zen-media-controls.css @@ -285,14 +285,17 @@ max-width: 100%; --toolbarbutton-outer-padding: 0; container: media-controls / inline-size; + gap: 0.7rem; } #zen-media-playback-buttons { - gap: 1.3rem; + justify-content: space-between; + max-width: 7em; + width: 100%; } /* Hide #zen-media-focus-button if it doesn't fit in the toolbar */ -@container media-controls (max-width: 160px) { +@container media-controls (max-width: 150px) { #zen-media-focus-button { display: none; }