From 6a13648eb79b56320d31dded83a8e12119c87b73 Mon Sep 17 00:00:00 2001
From: Sean Hughes <sean@evidence.dev>
Date: Thu, 9 Jan 2025 14:08:17 -0500
Subject: [PATCH] fix errorchart height prop for reference components

---
 .../src/lib/unsorted/viz/core/ErrorChart.svelte       | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/ui/core-components/src/lib/unsorted/viz/core/ErrorChart.svelte b/packages/ui/core-components/src/lib/unsorted/viz/core/ErrorChart.svelte
index e277ba4d2a..5c165f8fde 100644
--- a/packages/ui/core-components/src/lib/unsorted/viz/core/ErrorChart.svelte
+++ b/packages/ui/core-components/src/lib/unsorted/viz/core/ErrorChart.svelte
@@ -3,24 +3,25 @@
 </script>
 
 <script>
+	import { cn } from '$lib/utils.js';
+
 	/** @type {Error} */
 	export let error;
 	/** @type {string} */
 	export let title;
 	/** @type {string} */
-	export let height = '340';
+	export let height = 200;
 </script>
 
 <div
 	width="100%"
-	class="grid grid-rows-auto grid-cols-1 justify-center relative
+	class={`grid grid-rows-auto grid-cols-1 justify-center relative
 			bg-negative/10 text-negative
 			font-ui font-normal
 			rounded border border-negative/50
-			min-h-[200px]
-			h-[{height}px]
+			min-h-[${height}px]
 			py-5 px-8 mt-2 mb-4
-			print:break-inside-avoid"
+			print:break-inside-avoid`}
 >
 	<div class="m-auto w-full">
 		<div class="font-bold text-center text-lg">