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 {