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;
   }