diff --git a/styleguide.css b/styleguide.css
index 0f0abb9..273470f 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -1675,43 +1675,37 @@ section + section {
   }
 
   .sg-pulldown-panel .sg-slider-row[data-activatable="true"] {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) auto var(--interaction-height);
+    display: flex;
+    flex-wrap: nowrap;
     align-items: center;
-    column-gap: var(--spacing-small);
+    gap: var(--spacing-small);
     padding-right: 0;
   }
 
   .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-label {
-    min-width: 100%;
-    flex: 0 0 100%;
-    grid-column: 1 / -1;
-    grid-row: 1;
+    min-width: var(--layout-input-label-width);
+    flex: 0 0 var(--layout-input-label-width);
   }
 
   .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-slider {
     min-width: 0;
     max-width: 100%;
-    width: 100%;
-    grid-column: 1;
-    grid-row: 2;
+    width: auto;
+    flex: 1 1 auto;
   }
 
   .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-slider-value {
     min-width: calc(var(--interaction-height) * 1.25);
-    justify-self: end;
     align-self: center;
     white-space: nowrap;
-    grid-column: 2;
-    grid-row: 2;
+    flex: 0 0 auto;
   }
 
   .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-activatable-remove {
     position: static;
     transform: none;
     margin-left: calc(var(--spacing-small) * 1.5);
-    grid-column: 3;
-    grid-row: 2;
+    flex: 0 0 var(--interaction-height);
   }
 }
 
@@ -1865,52 +1859,6 @@ section + section {
   margin-top: var(--spacing-small);
 }
 
-@media (max-width: 48rem) {
-  .sg-pulldown-demo--single-slider-test .sg-pulldown-panel .sg-slider-row[data-activatable="true"] {
-    display: grid;
-    grid-template-columns:
-      var(--layout-input-label-width)
-      minmax(0, 1fr)
-      auto
-      var(--interaction-height);
-    align-items: center;
-    column-gap: var(--spacing-small);
-    padding-right: 0;
-  }
-
-  .sg-pulldown-demo--single-slider-test .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-label {
-    min-width: 0;
-    flex: 0 0 auto;
-    grid-column: 1;
-    grid-row: 1;
-  }
-
-  .sg-pulldown-demo--single-slider-test .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-slider {
-    min-width: 0;
-    max-width: 100%;
-    width: 100%;
-    grid-column: 2;
-    grid-row: 1;
-  }
-
-  .sg-pulldown-demo--single-slider-test .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-slider-value {
-    min-width: calc(var(--interaction-height) * 1.25);
-    justify-self: end;
-    align-self: center;
-    white-space: nowrap;
-    grid-column: 3;
-    grid-row: 1;
-  }
-
-  .sg-pulldown-demo--single-slider-test .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-activatable-remove {
-    position: static;
-    transform: none;
-    margin-left: calc(var(--spacing-small) * 1.5);
-    grid-column: 4;
-    grid-row: 1;
-  }
-}
-
 .sg-form-sections-card__actions {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));