diff --git a/src/components/alerts/Alert.tsx b/src/components/alerts/Alert.tsx index 6b0a29c..6d11e4e 100644 --- a/src/components/alerts/Alert.tsx +++ b/src/components/alerts/Alert.tsx @@ -10,7 +10,7 @@ type Props = { export const Alert = ({ isOpen, message, variant = 'warning' }: Props) => { const classes = classNames( - 'fixed top-20 left-1/2 transform -translate-x-1/2 max-w-sm w-full shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden', + 'fixed top-5 left-1/2 transform -translate-x-1/2 max-w-sm w-full shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden', { 'bg-rose-200': variant === 'warning', 'bg-green-200 z-20': variant === 'success',