diff --git a/tailwind.config.js b/tailwind.config.js
index b6b222a..7ad7def 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -70,24 +70,30 @@ module.exports = {
         },
         'slide-from-left': {
           '0%': {
-            transform: 'translateX(-100%)'
+            transform: 'translateX(-100%)',
+            opacity: 0
           },
           '100%': {
-            transform: 'translateX(0)'
+            transform: 'translateX(0)',
+            opacity: 1
           }
         },
         'slide-to-left': {
           '0%': {
-            transform: 'translateX(0)'
+            transform: 'translateX(0)',
+            opacity: 1
           },
           '100%': {
-            transform: 'translateX(-100%)'
+            transform: 'translateX(-100%)',
+            opacity: 0
           }
         }
       },
       animation: {
-        'slide-from-left': 'slide-from-left 0.2s ease-out',
-        'slide-to-left': 'slide-to-left 0.2s ease-out',
+        'slide-from-left':
+          'slide-from-left 0.4s cubic-bezier(0.82, 0.085, 0.395, 0.895)',
+        'slide-to-left':
+          'slide-to-left 0.25s cubic-bezier(0.82, 0.085, 0.395, 0.895)',
         'accordion-down': 'accordion-down 0.2s ease-out',
         'accordion-up': 'accordion-up 0.2s ease-out'
       }