diff --git a/templates/partials/header.html b/templates/partials/header.html
index 0471cdb..9ac55e0 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -206,7 +206,7 @@
                                     Item active: "text-gray-600", Item inactive: "text-gray-400"
                                     -->
                                     {% set menu_id = header_label ~ "-mobile-menu" | slugify %}
-                                    <div id="{{menu_id}}" class="z-50 leading-3 mt-6 pl-12 inset-x-0 text-sm transform hidden ease-in opacity-0 -translate-y-1">
+                                    <div id="{{menu_id}}" class="z-50 leading-3 mt-6 pl-12 inset-x-0 text-sm transform duration-200 ease-in opacity-0 -translate-y-1 hidden">
                                         {{ header_arr[1] | safe }}
                                     </div>
                                     </button>