From 71fa9cdc42fa7e7a1bacefdb62f4292205e9225e Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartosz@interactivethings.com>
Date: Wed, 6 Dec 2023 17:30:56 +0100
Subject: [PATCH] style: Update margins

---
 app/components/chart-filters-list.tsx | 2 +-
 app/components/chart-preview.tsx      | 2 +-
 app/components/chart-published.tsx    | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/components/chart-filters-list.tsx b/app/components/chart-filters-list.tsx
index 735c0a062..3bce94d9a 100644
--- a/app/components/chart-filters-list.tsx
+++ b/app/components/chart-filters-list.tsx
@@ -137,7 +137,7 @@ export const ChartFiltersList = (props: ChartFiltersListProps) => {
     <Typography
       component="div"
       variant="body2"
-      sx={{ my: 4, color: "grey.800" }}
+      sx={{ mb: 4, color: "grey.800" }}
       data-testid="chart-filters-list"
     >
       {allFilters.map(({ dimension, value }, i) => (
diff --git a/app/components/chart-preview.tsx b/app/components/chart-preview.tsx
index b21d7b13b..0c1bdaa77 100644
--- a/app/components/chart-preview.tsx
+++ b/app/components/chart-preview.tsx
@@ -174,7 +174,7 @@ export const ChartPreviewInner = (props: ChartPreviewProps) => {
                   }
                 />
             </>
-            <Box ref={containerRef} height={containerHeight.current!}>
+            <Box ref={containerRef} height={containerHeight.current!} mt={4}>
               {isTablePreview ? (
                 <DataSetTable
                   sx={{
diff --git a/app/components/chart-published.tsx b/app/components/chart-published.tsx
index e6a9f2544..e23cff396 100644
--- a/app/components/chart-published.tsx
+++ b/app/components/chart-published.tsx
@@ -246,6 +246,7 @@ const ChartPublishedInner = (props: ChartPublishInnerProps) => {
               ref={containerRef}
               height={containerHeight.current!}
               flexGrow={1}
+              mt={4}
             >
               {isTablePreview ? (
                 <DataSetTable