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 {