diff --git a/packages/standard-components/src/Chart/Bar.svelte b/packages/standard-components/src/Chart/Bar.svelte
index c039d40604..42a1b22828 100644
--- a/packages/standard-components/src/Chart/Bar.svelte
+++ b/packages/standard-components/src/Chart/Bar.svelte
@@ -10,7 +10,7 @@
     - x and y axis label set and appear in the dom but do not display next to the axis
     - x and y axis label offset - does effect position of labels but does not render text (see above)
     - x tick label overlaps bar, seems to be no apu method to change this? Could do it by querying for it in the dom
-      specifically and doing this: <tspan x="-10" dy="0.32em">4.0</tspan>
+      for this element: <tspan x="-10" dy="0.32em">4.0</tspan>
   */
 
   let tooltip
diff --git a/packages/standard-components/src/Chart/Legend.svelte b/packages/standard-components/src/Chart/Legend.svelte
index f42e714507..a5745f25d1 100644
--- a/packages/standard-components/src/Chart/Legend.svelte
+++ b/packages/standard-components/src/Chart/Legend.svelte
@@ -70,6 +70,7 @@
       if (notNull(unit)) {
         legend.unit(unit)
       }
+
       legendContainer.datum(data).call(legend)
     }
   }
@@ -78,5 +79,8 @@
 </script>
 
 {#if useLegend}
-  <div bind:this={legendElement} class={legendClass} />
+  <div
+    bind:this={legendElement}
+    style={`width: ${width}px`}
+    class={legendClass} />
 {/if}