add overflow: visible to charts

Author: sdankel

packages/app-explorer/src/systems/Home/components/DailyTransaction.tsx

@@ -56,6 +56,7 @@ const DailyTransaction = (blocks: DailyTransactionProps) => {
                     width="14"
                     height="14"
                     viewBox="0 0 14 14"
+                    overflow="visible"
                     fill="none"
                     xmlns="http://www.w3.org/2000/svg"
                   >

packages/app-explorer/src/systems/Home/components/GasSpentChart/index.tsx

@@ -46,6 +46,7 @@ const GasSpentChart = (gasSpent: GasSpentProps) => {
                     width="14"
                     height="14"
                     viewBox="0 0 14 14"
+                    overflow="visible"
                     fill="none"
                     xmlns="http://www.w3.org/2000/svg"
                   >

packages/ui/src/components/Charts/Charts.tsx

@@ -52,7 +52,7 @@ const ChartContainer = React.forwardRef<
         data-chart={chartId}
         ref={ref}
         className={cx(
-          "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none [&_.recharts-surface]:overflow-visible",
+          "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
           className,
         )}
         {...props}