diff --git a/packages/bbui/src/Tooltip/Context.svelte b/packages/bbui/src/Tooltip/Context.svelte
index 0a0a48172b..84d6fbbb73 100644
--- a/packages/bbui/src/Tooltip/Context.svelte
+++ b/packages/bbui/src/Tooltip/Context.svelte
@@ -59,7 +59,7 @@
 
 <style>
   .wrapper {
-    background-color: var(--background-alt);
+    background-color: var(--spectrum-global-color-gray-100);
     box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.42);
     opacity: 0;
     overflow: hidden;
diff --git a/packages/builder/src/components/design/settings/controls/Explanation/Explanation.svelte b/packages/builder/src/components/design/settings/controls/Explanation/Explanation.svelte
index d32911ae0e..bc45e410c9 100644
--- a/packages/builder/src/components/design/settings/controls/Explanation/Explanation.svelte
+++ b/packages/builder/src/components/design/settings/controls/Explanation/Explanation.svelte
@@ -94,7 +94,6 @@
 <style>
   .tooltipContents {
     max-width: 450px;
-    background-color: var(--spectrum-global-color-gray-100);
     display: block;
     padding: 20px 16px 10px;
     border-radius: 5px;
diff --git a/packages/client/src/components/app/blocks/ChartBlock.svelte b/packages/client/src/components/app/blocks/ChartBlock.svelte
index 433d163909..ddfc7b522b 100644
--- a/packages/client/src/components/app/blocks/ChartBlock.svelte
+++ b/packages/client/src/components/app/blocks/ChartBlock.svelte
@@ -51,8 +51,6 @@
   export let bucketCount
 
   let dataProviderId
-
-  $: colors = c1 && c2 && c3 && c4 && c5 ? [c1, c2, c3, c4, c5] : null
 </script>
 
 <Block>
@@ -84,7 +82,6 @@
           dataLabels,
           legend,
           animate,
-          ...colors,
           valueUnits,
           yAxisLabel,
           xAxisLabel,
@@ -98,6 +95,11 @@
           lowColumn,
           dateColumn,
           bucketCount,
+          c1,
+          c2,
+          c3,
+          c4,
+          c5,
         }}
       />
     {/if}