diff --git a/resources/css/layout/menu-homegrade.css b/resources/css/layout/menu-homegrade.css
index 5d1a045..b41f00e 100644
--- a/resources/css/layout/menu-homegrade.css
+++ b/resources/css/layout/menu-homegrade.css
@@ -77,6 +77,8 @@
       @apply font-medium 
         text-center
         rounded-xl;
+      @apply w-fit mx-auto lg:mx-0;
+
       button,
       a {
         @apply block
@@ -181,10 +183,10 @@
     @apply overflow-hidden;
 
     &[opened] {
-      animation: height-in 400ms forwards ease-out, fade-in 800ms forwards ease-in;
+      animation: height-in 500ms forwards ease-in, fade-in 1000ms forwards ease-in;
     }
     &[closing] {
-      animation: height-out 500ms forwards ease-in, fade-out 800ms forwards ease-in;
+      animation: height-out 500ms forwards ease-in, fade-out 500ms forwards ease-in;
     }
     &[closed] {
       @apply hidden;