fix(workflow): Remove some padding to align incident chart (#25468)

Author: scttcper

static/app/views/alerts/rules/details/metricChart.tsx

@@ -614,7 +614,7 @@ class MetricChart extends React.PureComponent<Props, State> {
 
           return (
             <ChartPanel>
-              <PanelBody withPadding>
+              <StyledPanelBody withPadding>
                 <ChartHeader>
                   <ChartTitle>
                     <PresetName>
@@ -631,7 +631,7 @@ class MetricChart extends React.PureComponent<Props, State> {
                   maxThresholdValue,
                   maxSeriesValue
                 )}
-              </PanelBody>
+              </StyledPanelBody>
               {this.renderChartActions(totalDuration, criticalDuration, warningDuration)}
             </ChartPanel>
           );
@@ -691,6 +691,11 @@ const StatItem = styled('div')`
   margin: 0 ${space(2)} 0 0;
 `;
 
+/* Override padding to make chart appear centered */
+const StyledPanelBody = styled(PanelBody)`
+  padding-right: 6px;
+`;
+
 const StatCount = styled('span')`
   margin-left: ${space(0.5)};
   margin-top: ${space(0.25)};