diff --git a/templates/base.html.j2 b/templates/base.html.j2
index 447b957..b8b10cf 100644
--- a/templates/base.html.j2
+++ b/templates/base.html.j2
@@ -33,12 +33,14 @@
       </div>
       <details class="nav-menu">
         <summary class="nav-toggle" aria-label="Menu"><svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 7h16M4 12h16M4 17h16"/></svg></summary>
+        <div class="nav-panel">
         <nav class="view-nav" aria-label="Views">
         <a href="{{ base }}/">Weekly</a>
         <a href="{{ base }}/calendar">Calendar</a>
         <a href="{{ base }}/compare">Compare</a>
         <a href="{{ base }}/climate"{% if section == 'climate' %} class="active"{% endif %}>Climate</a>
       </nav>
+        </div>
       </details>
     </div>
   </header>