diff --git a/components/base/buttons/close-button.tsx b/components/base/buttons/close-button.tsx
index f6e4d8a..9973e8b 100644
--- a/components/base/buttons/close-button.tsx
+++ b/components/base/buttons/close-button.tsx
@@ -26,6 +26,7 @@ export const CloseButton = ({ label, className, size = "sm", theme = "light", ..
     return (
         <AriaButton
             {...otherProps}
+            slot="close"
             aria-label={label || "Close"}
             className={(state) =>
                 cx(