From b27a52614bf4e3ab66357128643f8cd913424290 Mon Sep 17 00:00:00 2001
From: TJ Egan <tw15egan@gmail.com>
Date: Fri, 8 Dec 2023 13:38:12 -0500
Subject: [PATCH] fix(Modal): adjust background, fix conditional class

---
 packages/react/src/components/ComposedModal/ComposedModal.tsx | 2 +-
 packages/styles/scss/components/modal/_modal.scss             | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/ComposedModal/ComposedModal.tsx b/packages/react/src/components/ComposedModal/ComposedModal.tsx
index 308684d3f95f..8a44f827ef73 100644
--- a/packages/react/src/components/ComposedModal/ComposedModal.tsx
+++ b/packages/react/src/components/ComposedModal/ComposedModal.tsx
@@ -277,7 +277,7 @@ const ComposedModal = React.forwardRef<HTMLDivElement, ComposedModalProps>(
     const modalClass = cx(
       `${prefix}--modal`,
       {
-        'is-visible': open,
+        'is-visible': isOpen,
         [`${prefix}--modal--danger`]: danger,
         [`${prefix}--modal--slug`]: slug,
       },
diff --git a/packages/styles/scss/components/modal/_modal.scss b/packages/styles/scss/components/modal/_modal.scss
index 566aa91490ba..e1cd4736baf5 100644
--- a/packages/styles/scss/components/modal/_modal.scss
+++ b/packages/styles/scss/components/modal/_modal.scss
@@ -499,6 +499,8 @@
         > button:not(:only-child)
     ) {
     @include callout-gradient('default', 64px);
+
+    background-color: $layer;
   }
 
   .#{$prefix}--modal--slug .#{$prefix}--slug {