From d9df2a60ebee9df09243a8ebcf78f95d495d05c8 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Fri, 4 Dec 2020 08:27:59 +0000
Subject: [PATCH] Update errors box to work better in dark theme

---
 packages/builder/src/components/common/ErrorsBox.svelte | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/components/common/ErrorsBox.svelte b/packages/builder/src/components/common/ErrorsBox.svelte
index 9e29784c66..f05e03f596 100644
--- a/packages/builder/src/components/common/ErrorsBox.svelte
+++ b/packages/builder/src/components/common/ErrorsBox.svelte
@@ -5,9 +5,9 @@
 </script>
 
 {#if hasErrors}
-  <div class="container bb__alert bb__alert--danger">
+  <div class="container">
     {#each errors as error}
-      <div class="error">{error.dataPath} {error.message}</div>
+      <div class="error">{error.dataPath || ''} {error.message}</div>
     {/each}
   </div>
 {/if}
@@ -17,6 +17,8 @@
     border-radius: var(--border-radius-m);
     margin: 0;
     padding: var(--spacing-m);
+    background-color: rgba(241, 165, 165, 0.2);
+    color: var(--red);
   }
 
   .error {