diff --git a/packages/web/.storybook/main.js b/packages/web/.storybook/main.js
index 45fb9d2c2..3f0acc27c 100644
--- a/packages/web/.storybook/main.js
+++ b/packages/web/.storybook/main.js
@@ -1,17 +1,17 @@
 module.exports = {
-  "stories": [
+  stories: [
     "../stories/**/*.stories.mdx",
     "../stories/**/*.stories.@(js|jsx|ts|tsx)"
   ],
-  "addons": [
+  addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
     "storybook-addon-next-router"
   ],
-  "framework": "@storybook/react",
-  "core": {
-    "builder": "webpack5"
+  framework: "@storybook/react",
+  core: {
+    builder: "webpack5"
   },
   typescript: {
     reactDocgen: false
diff --git a/packages/web/stories/Snackbar.stories.tsx b/packages/web/stories/Snackbar.stories.tsx
index 65d3f7fca..f79759f09 100644
--- a/packages/web/stories/Snackbar.stories.tsx
+++ b/packages/web/stories/Snackbar.stories.tsx
@@ -37,13 +37,13 @@ const Template = ({ showToast, position }: { showToast: () => void; position?: T
     </div>
 )
 
-export const SuccessSnackbar: ComponentStory<typeof Toaster> = (args) => {
+export const SuccessSnackbar: ComponentStory<typeof Toaster> = (args: any) => {
   return (
     <Template {...args} showToast={() => showSuccessToast('Success Message')} />
   )
 }
 
-export const ErrorSnackbar: ComponentStory<typeof Toaster> = (args) => {
+export const ErrorSnackbar: ComponentStory<typeof Toaster> = (args: any) => {
   return (
     <Template {...args} showToast={() => showErrorToast('Error Message!')} />
   )