From 9e1e18602091cbe408dd2f72b215595e887c0927 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Mon, 10 May 2021 16:52:09 +0100
Subject: [PATCH] Adjust modal background to proper background color and add
 border in lightest them to inline modals

---
 packages/bbui/src/Modal/Modal.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/bbui/src/Modal/Modal.svelte b/packages/bbui/src/Modal/Modal.svelte
index 4253da9b30..12c12e3717 100644
--- a/packages/bbui/src/Modal/Modal.svelte
+++ b/packages/bbui/src/Modal/Modal.svelte
@@ -49,7 +49,7 @@
 <!-- These svelte if statements need to be defined like this. -->
 <!-- The modal transitions do not work if nested inside more than one "if" -->
 {#if visible && inline}
-  <div use:focusFirstInput class="spectrum-Modal is-open">
+  <div use:focusFirstInput class="spectrum-Modal inline is-open">
     <slot />
   </div>
 {:else if visible}
@@ -105,6 +105,7 @@
   }
 
   .spectrum-Modal {
+    background: var(--background);
     overflow: visible;
     max-height: none;
     margin: 40px 0;
@@ -113,4 +114,7 @@
       --spectrum-global-dimension-size-100
     );
   }
+  :global(.spectrum--lightest .spectrum-Modal.inline) {
+    border: var(--border-light);
+  }
 </style>