diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css
index 6379467..e8ec9c8 100644
--- a/make_post_sell/static/css/common.css
+++ b/make_post_sell/static/css/common.css
@@ -2931,17 +2931,24 @@ textarea {
 
 .ring-header-controls {
     display: grid;
-    grid-template-columns: repeat(3, auto);
+    grid-template-columns: repeat(4, auto);
     gap: 8px 16px;
     justify-content: end;
     align-items: center;
 }
 
+/* Karaoke button gets its own row, right-aligned. */
 .ring-header-controls .ring-karaoke-btn {
     grid-column: 1 / -1;
     justify-self: end;
 }
 
+/* Nav row: 3 buttons across 4 cols — stretch Next to fill the last
+   two columns so there's no empty-column gap on the right edge. */
+.ring-header-controls #skip-prev-btn { grid-column: 1 / 2; }
+.ring-header-controls #skip-random-btn { grid-column: 2 / 3; }
+.ring-header-controls #skip-next-btn { grid-column: 3 / -1; }
+
 .skip-next-btn {
     font-size: 1.1em;
     padding: 12px 24px;