diff --git a/assets/scss/_navigation.scss b/assets/scss/_navigation.scss
index 8ddf306..b858435 100644
--- a/assets/scss/_navigation.scss
+++ b/assets/scss/_navigation.scss
@@ -101,5 +101,6 @@ $box-color: #F40076;
   .hidden {
     max-height: 0;
     display: none;
+    transition: max-height 0.5s ease-out;
   }
-}
\ No newline at end of file
+}