diff --git a/components/nav-menu.js b/components/nav-menu.js
index 7276ce3..caaca51 100644
--- a/components/nav-menu.js
+++ b/components/nav-menu.js
@@ -13,6 +13,7 @@ export class NavMenu extends HTMLElement {
         display: flex;
         flex-direction: column;
         color: #000;
+        max-height: 100vh;
       }
       h1 {
         width: 100%;
@@ -21,6 +22,10 @@ export class NavMenu extends HTMLElement {
         margin: 0;
         padding: 5px;
       }
+      .page-list {
+        flex-grow: 1;
+        overflow-y: auto;
+      }
       a {
         display: block;
         margin: 5px 10px;
@@ -31,6 +36,7 @@ export class NavMenu extends HTMLElement {
     this.header.innerText = this.pagesText
     this.shadowRoot.append(this.header)
     this.pageList = document.createElement('div')
+    this.pageList.classList.add('page-list')
     this.shadowRoot.append(this.pageList)
     this.renderPageList()
     this.shadowRoot.addEventListener('click', e => {
diff --git a/sw.js b/sw.js
index 554f57f..22f6357 100644
--- a/sw.js
+++ b/sw.js
@@ -9,7 +9,7 @@ async function initCache() {
     '/components/header.js',
     '/components/nav-menu.js',
     '/components/page-menu.js',
-  ]) //2
+  ]) //3
 }
 
 self.addEventListener("install", event => {