diff --git a/src/components/slider.webc b/src/components/slider.webc
index 1d8ee18..5710aea 100644
--- a/src/components/slider.webc
+++ b/src/components/slider.webc
@@ -168,7 +168,12 @@
   }
 
   :host :where(.prev, .next) {
+    --btn-alignment: -0.75em;
     grid-row: track;
+
+    @media (min-width: 35em) {
+      --btn-alignment: 0.5em;
+    }
   }
 
   :host :where(.prev, .next):disabled {
@@ -184,12 +189,12 @@
 
   :host .prev {
     grid-column: prev;
-    left: 0.5em;
+    left: var(--btn-alignment);
   }
 
   :host .next {
     grid-column: next;
-    right: 0.5em;
+    right: var(--btn-alignment);
   }
 
   :host .track {