diff --git a/tailwind.config.js b/tailwind.config.js
index ae594bcf..e58291cc 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -6,14 +6,26 @@ module.exports = {
   content: ['./src/**/*.tsx'],
   theme: {
     colors: colors,
+    boxShadow: {
+      sm: '0px 1px 2px 0px',
+      DEFAULT: '0px 1px 2px -1px',
+      md: '0px 2px 4px -2px',
+      lg: '0px 4px 6px 0px',
+      xl: '0px 20px 25px -5px',
+      '2xl': '0px 25px 50px -12px',
+      none: '0px 0px'
+    },
+    fontFamily: {
+      sans: ['"Inter"', ...defaultTheme.fontFamily.sans]
+    },
+    strokeWidth: {
+      0: '0px',
+      1: '1px',
+      2: '2px',
+      3: '4px',
+      4: '6px'
+    },
     extend: {
-      fontFamily: {
-        sans: ['"Inter"', ...defaultTheme.fontFamily.sans]
-      },
-      strokeWidth: {
-        3: '4px',
-        4: '6px'
-      },
       keyframes: {
         'accordion-down': {
           from: { height: '0' },
@@ -27,9 +39,9 @@ module.exports = {
       animation: {
         'accordion-down': 'accordion-down 0.2s ease-out',
         'accordion-up': 'accordion-up 0.2s ease-out'
-      },
-      darkMode: 'class',
-      plugins: []
-    }
+      }
+    },
+    darkMode: 'class',
+    plugins: []
   }
 }