diff --git a/crates/story/src/modal_story.rs b/crates/story/src/modal_story.rs
index 0dd53939..22a7d1ff 100644
--- a/crates/story/src/modal_story.rs
+++ b/crates/story/src/modal_story.rs
@@ -394,8 +394,8 @@ impl Render for ModalStory {
                                     window.open_modal(cx, move |modal, _, cx| {
                                         modal
                                             .rounded_lg()
-                                            .bg(cx.theme().cyan)
-                                            .text_color(cx.theme().info_foreground)
+                                            .bg(cx.theme().green.alpha(0.2))
+                                            .text_color(cx.theme().foreground)
                                             .title("Custom Modal Title")
                                             .child("This is a custom modal content.")
                                     });
diff --git a/crates/ui/src/modal.rs b/crates/ui/src/modal.rs
index b507597f..c9a99764 100644
--- a/crates/ui/src/modal.rs
+++ b/crates/ui/src/modal.rs
@@ -374,6 +374,17 @@ impl RenderOnce for Modal {
         let animation = Animation::new(Duration::from_secs_f64(0.25))
             .with_easing(cubic_bezier(0.32, 0.72, 0., 1.));
 
+        let content_bg = div()
+            .size_full()
+            .absolute()
+            .top_0()
+            .left_0()
+            .right_0()
+            .bottom_0()
+            .refine_style(&self.style);
+        let mut style = self.style;
+        style.background = None;
+
         anchored()
             .position(point(window_paddings.left, window_paddings.top))
             .snap_to_window()
@@ -412,7 +423,7 @@ impl RenderOnce for Modal {
                             .pt(paddings.top)
                             .pb(paddings.bottom)
                             .gap(paddings.top.min(px(16.)))
-                            .refine_style(&self.style)
+                            .refine_style(&style)
                             .px_0()
                             .key_context(CONTEXT)
                             .track_focus(&self.focus_handle)
@@ -454,6 +465,7 @@ impl RenderOnce for Modal {
                             .top(y)
                             .w(self.width)
                             .when_some(self.max_width, |this, w| this.max_w(w))
+                            .child(content_bg)
                             .when_some(self.title, |this, title| {
                                 this.child(
                                     div()