diff --git a/templates/widgets/asidenav.lucius b/templates/widgets/asidenav.lucius
index acda69bd3..62c2d3f0c 100644
--- a/templates/widgets/asidenav.lucius
+++ b/templates/widgets/asidenav.lucius
@@ -92,7 +92,9 @@
   color: var(--fontbase);
   transform: translateX(0);
   opacity: 0;
-  transition: all .2s ease;
+  transition: all .2s ease-out;
+  width: 0;
+  overflow: hidden;
   z-index: -1;
 
   .asidenav__list-item {
@@ -131,6 +133,7 @@
     .asidenav__nested-list {
       transform: translateX(100%);
       opacity: 1;
+      width: 200px;
     }
 
     .asidenav__link-wrapper,