diff --git a/packages/react/src/components/Button/__snapshots__/index.story.storyshot b/packages/react/src/components/Button/__snapshots__/index.story.storyshot
index 76e895d8d..ccd5886b5 100644
--- a/packages/react/src/components/Button/__snapshots__/index.story.storyshot
+++ b/packages/react/src/components/Button/__snapshots__/index.story.storyshot
@@ -548,6 +548,7 @@ exports[`Storyshots Button Focus 1`] = `
   <button
     className="c0 c1"
     disabled={false}
+    onClick={[Function]}
     onMouseOver={[Function]}
   >
     Mouse over to focus
@@ -894,128 +895,140 @@ exports[`Storyshots Button Layout Example 1`] = `
 >
   <div
     css="
-      display: grid;
-      gap: 24px;
-    "
+        display: grid;
+        gap: 24px;
+      "
   >
     <div
       css="
-        display: grid;
-        grid: auto / auto-flow min-content;
-        gap: 8px;
-      "
+          display: grid;
+          grid: auto / auto-flow min-content;
+          gap: 8px;
+        "
     >
       <button
         className="c0 c1"
         disabled={false}
+        onClick={[Function]}
       >
         Grid
       </button>
       <button
         className="c0 c2"
         disabled={false}
+        onClick={[Function]}
       >
         Layout
       </button>
       <button
         className="c0 c3"
         disabled={false}
+        onClick={[Function]}
       >
         Sample
       </button>
     </div>
     <div
       css="
-        display: grid;
-        grid: auto-flow auto / 392px;
-        gap: 8px;
-      "
+          display: grid;
+          grid: auto-flow auto / 392px;
+          gap: 8px;
+        "
     >
       <button
         className="c0 c4"
         disabled={false}
+        onClick={[Function]}
       >
         Submit
       </button>
       <button
         className="c0 c5"
         disabled={false}
+        onClick={[Function]}
       >
         Cancel
       </button>
     </div>
     <div
       css="
-        display: flex;
+          display: flex;
 
-        & > * + * {
-          margin-left: 8px;
-        }
-      "
+          & > * + * {
+            margin-left: 8px;
+          }
+        "
     >
       <button
         className="c0 c1"
         disabled={false}
+        onClick={[Function]}
       >
         Flex
       </button>
       <button
         className="c0 c2"
         disabled={false}
+        onClick={[Function]}
       >
         Layout
       </button>
       <button
         className="c0 c3"
         disabled={false}
+        onClick={[Function]}
       >
         Sample
       </button>
     </div>
     <div
       css="
-        display: flex;
-        flex-direction: column;
-        width: 392px;
-
-        & > * + * {
-          margin-top: 8px;
-        }
-      "
+          display: flex;
+          flex-direction: column;
+          width: 392px;
+
+          & > * + * {
+            margin-top: 8px;
+          }
+        "
     >
       <button
         className="c0 c4"
         disabled={false}
+        onClick={[Function]}
       >
         Submit
       </button>
       <button
         className="c0 c5"
         disabled={false}
+        onClick={[Function]}
       >
         Cancel
       </button>
     </div>
     <div
       css="
-        display: flex;
-        flex-direction: column;
-        width: 392px;
-
-        & > * + * {
-          margin-top: 8px;
-        }
-      "
+          display: flex;
+          flex-direction: column;
+          width: 392px;
+
+          & > * + * {
+            margin-top: 8px;
+          }
+        "
     >
       <button
         className="c0 c4"
         disabled={false}
+        onClick={[Function]}
       >
         すべて見る
       </button>
       <button
         className="c0 c1"
         disabled={false}
+        onClick={[Function]}
       >
         作品を投稿
       </button>
diff --git a/packages/react/src/components/Button/index.story.tsx b/packages/react/src/components/Button/index.story.tsx
index b3b8983ec..ceda37792 100644
--- a/packages/react/src/components/Button/index.story.tsx
+++ b/packages/react/src/components/Button/index.story.tsx
@@ -21,6 +21,9 @@ export default {
       },
     },
   },
+  args: {
+    onClick: action('click'),
+  },
   render: (args) => <Button {...args}>Button</Button>,
 } as Meta<typeof Button>