From c3db54f812afe3c0362d85c5be622fb48c521114 Mon Sep 17 00:00:00 2001
From: Natanael Fernandes <natan-fernandes1@hotmail.com>
Date: Wed, 23 Oct 2024 15:35:20 -0300
Subject: [PATCH] fix: types and spacing grid

---
 packages/charts/src/stories/bar-charts.stories.tsx | 5 +++--
 packages/charts/src/theme/chartStyles.ts           | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/charts/src/stories/bar-charts.stories.tsx b/packages/charts/src/stories/bar-charts.stories.tsx
index cbef3fc21..3497c12b9 100644
--- a/packages/charts/src/stories/bar-charts.stories.tsx
+++ b/packages/charts/src/stories/bar-charts.stories.tsx
@@ -1,11 +1,12 @@
 import { Chart } from '../index'
 import { compactNumber } from '../utils/format'
-import type { StoryObj } from '@storybook/react/*'
+import type { StoryObj } from '@storybook/react'
 
-export default {
+const Bar = {
   title: 'Charts/bar',
   component: Chart,
 }
+export default Bar
 
 type Story = StoryObj<typeof Chart>
 
diff --git a/packages/charts/src/theme/chartStyles.ts b/packages/charts/src/theme/chartStyles.ts
index 4c0461ba7..26a9e0aa8 100644
--- a/packages/charts/src/theme/chartStyles.ts
+++ b/packages/charts/src/theme/chartStyles.ts
@@ -5,7 +5,7 @@ import { defaultSpinnerColor } from './colors'
 
 export const BAR_CHART_LEGEND_DEFAULT_STYLE: EChartsOption['legend'] = {
   orient: 'horizontal',
-  left: '3%',
+  left: '10rem',
   bottom: 0,
   align: 'left',
   itemWidth: 16,