diff --git a/example/storybook/src/overview/AllComponents/Demos/AlertDialogDemo.tsx b/example/storybook/src/overview/AllComponents/Demos/AlertDialogDemo.tsx
index 3d58c0c54f..01ac5981fd 100644
--- a/example/storybook/src/overview/AllComponents/Demos/AlertDialogDemo.tsx
+++ b/example/storybook/src/overview/AllComponents/Demos/AlertDialogDemo.tsx
@@ -17,14 +17,12 @@ import {
 
 const AlertDialogDemo = () => {
   const [showAlertDialog, setShowAlertDialog] = React.useState(true);
-  const [showButton, setShowButton] = React.useState(false);
   return (
     <>
       <Button
-        display={showButton ? 'flex' : 'none'}
+        display={!showAlertDialog ? 'flex' : 'none'}
         onPress={() => {
           setShowAlertDialog(true);
-          setShowButton(false);
         }}
       >
         <ButtonText>Click me</ButtonText>
@@ -44,8 +42,8 @@ const AlertDialogDemo = () => {
             <HStack space="sm" alignItems="center">
               <Icon
                 as={CheckCircleIcon}
-                w={18}
-                h={18}
+                width={18}
+                height={18}
                 color="$success700"
                 sx={{
                   _dark: {
@@ -66,7 +64,6 @@ const AlertDialogDemo = () => {
               action="secondary"
               onPress={() => {
                 setShowAlertDialog(false);
-                setShowButton(true);
               }}
             >
               <ButtonText>Okay</ButtonText>