diff --git a/crates/ui/src/progress.rs b/crates/ui/src/progress.rs
index f998086b..9810d822 100644
--- a/crates/ui/src/progress.rs
+++ b/crates/ui/src/progress.rs
@@ -36,6 +36,7 @@ impl RenderOnce for Progress {
         });
 
         div()
+            .w_full()
             .relative()
             .h(px(self.height))
             .rounded(radius)
diff --git a/crates/ui/src/slider.rs b/crates/ui/src/slider.rs
index 4091420b..80dd8d92 100644
--- a/crates/ui/src/slider.rs
+++ b/crates/ui/src/slider.rs
@@ -266,10 +266,12 @@ impl RenderOnce for Slider {
 
         div()
             .id(("slider", self.state.entity_id()))
+            .flex()
             .flex_1()
             .when(axis.is_vertical(), |this| {
-                this.flex().items_center().justify_center()
+                this.items_center().justify_center()
             })
+            .when(axis.is_horizontal(), |this| this.w_full())
             .child(
                 h_flex()
                     .when(!self.disabled, |this| {