diff --git a/.storybook/main.ts b/.storybook/main.ts
index 965c33cd..755a2bb4 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -21,22 +21,6 @@ const config: StorybookConfig = {
   docs: {
     autodocs: 'tag'
   },
-  viteFinal: (config) => {
-    if (config.build) {
-      config.build.sourcemap = true
-      config.build.minify = process.env.NODE_ENV === 'production'
-    }
-    if (config.css) {
-      config.css.preprocessorOptions = {
-        scss: {
-          silenceDeprecations: ['mixed-decls'],
-          additionalData: '@import "~/styles/imports";\n',
-          includePaths: ['./public', './src/styles', './node_modules']
-        }
-      }
-    }
-    return config
-  },
   previewHead: (head) => `
     ${head}
     <style>
diff --git a/.stylelintrc.json b/.stylelintrc.json
index 0a38b9e1..796652ca 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -15,7 +15,7 @@
     "function-no-unknown": [
       true,
       {
-        "ignoreFunctions": ["divide", "transparentize"]
+        "ignoreFunctions": ["divide", "transparentize", "map-get", "percentage"]
       }
     ],
     "function-url-quotes": null,
@@ -55,6 +55,6 @@
       }
     ],
     "scss/at-if-no-null": true,
-    "media-query-no-invalid": true
+    "media-query-no-invalid": null
   }
 }
diff --git a/src/components/atoms/Button/Button.tsx b/src/components/atoms/Button/Button.tsx
index 11434e0b..674f089d 100644
--- a/src/components/atoms/Button/Button.tsx
+++ b/src/components/atoms/Button/Button.tsx
@@ -36,7 +36,7 @@ export const Button = (props: Props) => {
       class={clsx(
         styles.button,
         styles[props.size ?? 'M'],
-        styles[props.variant ?? 'primary'],
+        styles[(props.variant ?? 'primary') as keyof typeof styles],
         {
           [styles.loading]: props.loading,
           [styles.subscribeButton]: props.isSubscribeButton