diff --git a/src/chess_pressure/static/style.css b/src/chess_pressure/static/style.css
index f33696d..7cc5cc1 100644
--- a/src/chess_pressure/static/style.css
+++ b/src/chess_pressure/static/style.css
@@ -118,6 +118,7 @@ main {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
+  width: 100%;
 }
 #slider {
   width: 100%;
@@ -130,11 +131,13 @@ main {
   width: 100%;
 }
 .playback-buttons button {
-  flex: 1;
+  flex: 1 1 0;
+  min-width: 0;
   background: var(--bg2);
   border: 1px solid var(--border);
   color: var(--fg);
-  padding: 0.4rem 0.5rem;
+  padding: 0.4rem 0;
+  min-height: 2.5rem;
   border-radius: 4px;
   cursor: pointer;
   display: inline-flex;
@@ -143,7 +146,7 @@ main {
 }
 .playback-buttons button:hover { background: var(--move-active); }
 #btn-start, #btn-end {
-  flex: 0.65;
+  flex: 0.6 1 0;
 }
 #btn-start svg, #btn-end svg {
   width: 13px;