From cd4e2376809df6b2c456235765666a02a22880b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Tue, 19 May 2026 11:43:37 +0200
Subject: [PATCH] Keep activatable slider width stable when showing remove
 control

---
 styleguide.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/styleguide.css b/styleguide.css
index 4fb5c82..80eee52 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -930,8 +930,16 @@ section + section {
       color: var(--text-control-default);
     }
 
-    .sg-slider-row .sg-activatable-remove {
-      flex: 0 0 auto;
+    .sg-slider-row[data-activatable="true"] {
+      position: relative;
+      padding-right: calc(var(--interaction-height) + var(--spacing-small));
+    }
+
+    .sg-slider-row[data-activatable="true"] .sg-activatable-remove {
+      position: absolute;
+      top: 50%;
+      right: 0;
+      transform: translateY(-50%);
     }
 
     .sg-slider-row--inactive-selectable {