diff --git a/src/lib/layout/navigation.svelte b/src/lib/layout/navigation.svelte
index cd2ae9c7d..a87b575ec 100644
--- a/src/lib/layout/navigation.svelte
+++ b/src/lib/layout/navigation.svelte
@@ -140,7 +140,7 @@
             </div>
         {/if}
 
-        {#if !subNavigation}
+        {#if subNavigation}
             <button
                 class="side-nav-button button is-small is-secondary is-not-mobile"
                 aria-label="resize menu"
@@ -157,10 +157,7 @@
     </div>
 
     {#if subNavigation}
-        <div
-            class="side-nav-level-2 is-open"
-            in:slide={{ axis: 'x', duration: 250, delay: 250 }}
-            out:slide={{ axis: 'x', duration: 250 }}>
+        <div class="side-nav-level-2 is-open" transition:slide={{ axis: 'x', duration: 250 }}>
             <div class="side-nav-main">
                 <svelte:component this={subNavigation} />
             </div>