fix: Sizing issues

visualize-admin · Feb 1, 2024 · 2057cb6 · 2057cb6
1 parent 1b32081
commit 2057cb6
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/app/components/chart-preview.tsx b/app/components/chart-preview.tsx
@@ -100,7 +100,10 @@ const TallLayoutRow = (props: TallLayoutRowProps) => {
         <Box
           sx={{
             display: "grid",
-            gridTemplateColumns: { xs: "1fr", md: "1fr 1fr" },
+            gridTemplateColumns: {
+              xs: "1fr",
+              md: "calc(50% - 8px) calc(50% - 8px)",
+            },
             gap: 4,
           }}
         >
@@ -582,7 +585,7 @@ export const ChartPreviewInner = (props: ChartPreviewInnerProps) => {
                     <Box
                       ref={containerRef}
                       height={containerHeight.current}
-                      mt={4}
+                      pt={4}
                     >
                       {isTablePreview ? (
                         <DataSetTable