From ba2490961b90c454ef2db74c26fc202433cc7a1d Mon Sep 17 00:00:00 2001
From: Frankie Yan <frankie@doist.com>
Date: Wed, 23 Oct 2024 16:29:44 -0700
Subject: [PATCH] Use IconButton in Alert

---
 src/alert/alert.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/alert/alert.tsx b/src/alert/alert.tsx
index 9bf372ba7..cbb1eff18 100644
--- a/src/alert/alert.tsx
+++ b/src/alert/alert.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { getClassNames } from '../utils/responsive-props'
 import { Box } from '../box'
-import { Button } from '../button'
+import { IconButton } from '../button'
 import { Columns, Column } from '../columns'
 
 import { AlertIcon } from '../icons/alert-icon'
@@ -49,7 +49,7 @@ function Alert({ id, children, tone, closeLabel, onClose }: AlertProps) {
                 </Column>
                 {onClose != null && closeLabel != null ? (
                     <Column width="content">
-                        <Button
+                        <IconButton
                             variant="quaternary"
                             size="small"
                             onClick={onClose}