diff --git a/src/organisms/modal-drawer/stories/modal-drawer.stories.tsx b/src/organisms/modal-drawer/stories/modal-drawer.stories.tsx
index 8726bebb..b6b4a90b 100644
--- a/src/organisms/modal-drawer/stories/modal-drawer.stories.tsx
+++ b/src/organisms/modal-drawer/stories/modal-drawer.stories.tsx
@@ -9,7 +9,7 @@ export default {
 };
 
 export const ModalDrawerComponent = (args: ModalDrawerProps) => {
-  const [isShowing, setIsShowing] = useState(true);
+  const [isShowing, setIsShowing] = useState(false);
   return (
     <div>
       {!isShowing && (
@@ -60,7 +60,7 @@ ModalDrawerComponent.args = {
 };
 
 export const ModalDrawerCustomFooterComponent = (args: ModalDrawerProps) => {
-  const [isShowing, setIsShowing] = useState(true);
+  const [isShowing, setIsShowing] = useState(false);
   return (
     <div>
       {!isShowing && (
diff --git a/src/organisms/modal/stories/modal.stories.tsx b/src/organisms/modal/stories/modal.stories.tsx
index 664b025e..0b70e561 100644
--- a/src/organisms/modal/stories/modal.stories.tsx
+++ b/src/organisms/modal/stories/modal.stories.tsx
@@ -23,11 +23,11 @@ ModalComponentBase.args = {
   title: 'Checkout',
   footer: true,
   closeValue: 'Close',
-  isShowing: true,
+  isShowing: false,
 };
 
 export const ModalEditorComponent = (args: ModalProps) => {
-  const [isShowing, setIsShowing] = useState(true);
+  const [isShowing, setIsShowing] = useState(false);
   return (
     <div>
       {!isShowing && (