Alert: Fixes a minor issue with new Alert design and updated scss files (#67589)

packages/grafana-ui/src/components/Alert/Alert.tsx

@@ -171,10 +171,12 @@ const getStyles = (
       overflow-y: auto;
     `,
     buttonWrapper: css`
-      padding: ${theme.spacing(1)};
+      margin-left: ${theme.spacing(1)};
       background: none;
       display: flex;
       align-items: center;
+      align-self: center;
+      background: ${theme.colors.background.primary};
     `,
     close: css`
       position: relative;

packages/grafana-ui/src/components/Alert/InlineBanner.story.tsx

@@ -80,12 +80,7 @@ export const Examples: ComponentStory<typeof Alert> = () => {
       <StoryExample name="Severities">
         <VerticalGroup>
           {severities.map((severity) => (
-            <Alert
-              title={`Severity: ${severity}`}
-              severity={severity}
-              key={severity}
-              onRemove={action('Remove button clicked')}
-            >
+            <Alert title={`Severity: ${severity}`} severity={severity} key={severity}>
               Child content
             </Alert>
           ))}