fix(ui): Fix legend label alignment on release charts (#29904)

static/app/views/releases/detail/overview/releaseComparisonChart/releaseEventsChart.tsx

@@ -196,7 +196,13 @@ function ReleaseEventsChart({
               </HeaderValue>
             </Fragment>
           }
-          legendOptions={{right: 10, top: 0}}
+          legendOptions={{
+            right: 10,
+            top: 0,
+            textStyle: {
+              padding: [2, 0, 0, 0],
+            },
+          }}
           chartOptions={{
             grid: {left: '10px', right: '10px', top: '70px', bottom: '0px'},
             tooltip: {

static/app/views/releases/detail/overview/releaseComparisonChart/releaseSessionsChart.tsx

@@ -602,6 +602,9 @@ class ReleaseSessionsChart extends React.Component<Props> {
     const legend = {
       right: 10,
       top: 0,
+      textStyle: {
+        padding: [2, 0, 0, 0],
+      },
       data: [...(series ?? []), ...(previousSeries ?? [])].map(s => s.seriesName),
     };