diff --git a/frontend/src/lib/components/apps/components/display/VegaLiteHtml.svelte b/frontend/src/lib/components/apps/components/display/VegaLiteHtml.svelte
index 1fc3ee265b..f2b45803a6 100644
--- a/frontend/src/lib/components/apps/components/display/VegaLiteHtml.svelte
+++ b/frontend/src/lib/components/apps/components/display/VegaLiteHtml.svelte
@@ -45,7 +45,16 @@
 		w &&
 		vegaEmbed(
 			divEl,
-			{ ...result, ...{ width: w - 100 } },
+			{
+				...result,
+				...{
+					width: w - 100,
+					config: {
+						legend: { orient: 'bottom', ...(result?.['config']?.['legend'] ?? {}) },
+						...(result?.['config'] ?? {})
+					}
+				}
+			},
 			{
 				mode: 'vega-lite',
 				actions: false,