I think I fixed it

Author: Felix Hennig

src/css/nav.css

@@ -19,7 +19,9 @@
     font-size: calc(15.5 / var(--rem-base) * 1rem);
     flex: none;
     position: static;
+    /* top: calc(var(--navbar-height) + var(--navbar-sub-height)); */
     top: 0;
+    /* margin-top: var(--navbar-sub-height); */
     visibility: visible;
   }
 }
@@ -32,7 +34,7 @@
   background: var(--nav-background);
   position: relative;
   top: var(--toolbar-height);
-  height: var(--nav-height);
+  height: calc(100% - var(--navbar-sub-height));
 }
 
 @media screen and (min-width: 769px) {
@@ -43,10 +45,11 @@
 
 @media screen and (min-width: 1024px) {
   .nav {
-    top: var(--navbar-height);
+    top: calc(var(--navbar-height) + var(--navbar-sub-height));
     box-shadow: none;
     position: sticky;
-    height: var(--nav-height--desktop);
+    height: calc(100vh - var(--navbar-sub-height) - var(--navbar-height));
+    margin-top: var(--navbar-sub-height);
   }
 }
 
@@ -63,7 +66,7 @@ html.is-clipped--nav {
 .nav-panel-menu {
   overflow-y: scroll;
   overscroll-behavior: none;
-  height: var(--nav-panel-menu-height);
+  height: 100%;
 }
 
 .nav-panel-menu:not(.is-active) .nav-menu {

src/css/toolbar.css

@@ -12,6 +12,12 @@
   z-index: var(--z-index-toolbar);
 }
 
+@media screen and (min-width: 1024px) {
+  .toolbar {
+    top: calc(var(--navbar-height) + var(--navbar-sub-height));
+  }
+}
+
 .toolbar a {
   color: inherit;
 }