diff --git a/example/storybook/stories/components/composites/Alert/action.tsx b/example/storybook/stories/components/composites/Alert/action.tsx
index 37a8cbbc5..94f98249c 100644
--- a/example/storybook/stories/components/composites/Alert/action.tsx
+++ b/example/storybook/stories/components/composites/Alert/action.tsx
@@ -36,6 +36,7 @@ export function Example() {
               </HStack>
               <IconButton
                 variant="unstyled"
+                _focus={{ borderWidth: 0 }}
                 icon={<CloseIcon size="3" color="coolGray.600" />}
                 onPress={() => setShow(false)}
               />
diff --git a/example/storybook/stories/components/composites/Alert/basic.tsx b/example/storybook/stories/components/composites/Alert/basic.tsx
index 2b9b23373..421430164 100644
--- a/example/storybook/stories/components/composites/Alert/basic.tsx
+++ b/example/storybook/stories/components/composites/Alert/basic.tsx
@@ -29,6 +29,7 @@ export const Example = () => {
             </HStack>
             <IconButton
               variant="unstyled"
+              _focus={{ borderWidth: 0 }}
               icon={<CloseIcon size="3" color="coolGray.600" />}
             />
           </HStack>
diff --git a/example/storybook/stories/components/composites/Alert/colorScheme.tsx b/example/storybook/stories/components/composites/Alert/colorScheme.tsx
index d38719458..ec142bb06 100644
--- a/example/storybook/stories/components/composites/Alert/colorScheme.tsx
+++ b/example/storybook/stories/components/composites/Alert/colorScheme.tsx
@@ -30,6 +30,7 @@ export function Example() {
               </HStack>
               <IconButton
                 variant="unstyled"
+                _focus={{ borderWidth: 0 }}
                 icon={<CloseIcon size="3" color="coolGray.600" />}
               />
             </HStack>
diff --git a/example/storybook/stories/components/composites/Alert/composition.tsx b/example/storybook/stories/components/composites/Alert/composition.tsx
index b1df66517..54821f92c 100644
--- a/example/storybook/stories/components/composites/Alert/composition.tsx
+++ b/example/storybook/stories/components/composites/Alert/composition.tsx
@@ -34,6 +34,7 @@ export function Example() {
               </HStack>
               <IconButton
                 variant="unstyled"
+                _focus={{ borderWidth: 0 }}
                 icon={<CloseIcon size="3" color="coolGray.600" />}
               />
             </HStack>
diff --git a/example/storybook/stories/components/composites/Alert/status.tsx b/example/storybook/stories/components/composites/Alert/status.tsx
index 74f8740e2..960e76c95 100644
--- a/example/storybook/stories/components/composites/Alert/status.tsx
+++ b/example/storybook/stories/components/composites/Alert/status.tsx
@@ -45,6 +45,7 @@ export function Example() {
                   </HStack>
                   <IconButton
                     variant="unstyled"
+                    _focus={{ borderWidth: 0 }}
                     icon={<CloseIcon size="3" color="coolGray.600" />}
                   />
                 </HStack>
diff --git a/example/storybook/stories/components/composites/Alert/usage.tsx b/example/storybook/stories/components/composites/Alert/usage.tsx
index 8fec435c2..22ac55320 100644
--- a/example/storybook/stories/components/composites/Alert/usage.tsx
+++ b/example/storybook/stories/components/composites/Alert/usage.tsx
@@ -28,6 +28,7 @@ export function Example() {
             </HStack>
             <IconButton
               variant="unstyled"
+              _focus={{ borderWidth: 0 }}
               icon={<CloseIcon size="3" color="coolGray.600" />}
             />
           </HStack>