diff --git a/styleguide.css b/styleguide.css
index ad09ae6..e3d495a 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -842,9 +842,11 @@ section + section {
     }
 
     .sg-slider-row {
-      display: inline-flex;
+      display: flex;
       align-items: center;
       gap: var(--spacing-small);
+      width: 100%;
+      max-width: none;
     }
 
     .sg-slider-row .sg-label {
@@ -854,9 +856,9 @@ section + section {
     }
 
     .sg-slider {
-      width: var(--layout-input-field-desktop-width);
-      min-width: var(--layout-input-field-desktop-width);
-      max-width: var(--layout-input-field-desktop-width);
+      width: 100%;
+      min-width: 0;
+      max-width: var(--layout-input-field-max-width);
       height: var(--interaction-height);
       margin: 0;
       padding: 0;