diff --git a/packages/grafana-ui/src/components/Alert/Alert.tsx b/packages/grafana-ui/src/components/Alert/Alert.tsx index 8ce9a52ea43..c4543d43abb 100644 --- a/packages/grafana-ui/src/components/Alert/Alert.tsx +++ b/packages/grafana-ui/src/components/Alert/Alert.tsx @@ -52,26 +52,24 @@ export const Alert: FC = ({ const styles = getStyles(theme, severity, !!buttonContent); return ( -
-
-
- -
-
-
{title}
- {children &&
{children}
} -
- {/* If onRemove is specified, giving preference to onRemove */} - {onRemove ? ( - - ) : onButtonClick ? ( - - ) : null} +
+
+
+
+
{title}
+ {children &&
{children}
} +
+ {/* If onRemove is specified, giving preference to onRemove */} + {onRemove ? ( + + ) : onButtonClick ? ( + + ) : null}
); }; @@ -84,9 +82,6 @@ const getStyles = (theme: GrafanaTheme, severity: AlertVariant, outline: boolean `; return { - container: css` - z-index: ${theme.zIndex.tooltip}; - `, alert: css` padding: 15px 20px; margin-bottom: ${theme.spacing.xs};