diff --git a/src/main/css/nav.css b/src/main/css/nav.css
index ed1d754..5e54d4b 100644
--- a/src/main/css/nav.css
+++ b/src/main/css/nav.css
@@ -83,4 +83,5 @@
 .nav ul li ul li {
     min-width: 7em;
     width: 100%;
+    white-space: nowrap;
 }
diff --git a/src/main/js/Template.js b/src/main/js/Template.js
index 9792e9f..4331732 100644
--- a/src/main/js/Template.js
+++ b/src/main/js/Template.js
@@ -86,7 +86,7 @@ export const nav = function (highlightPath = "") {
 const unpackEntry = function (entry, path = "/", highlightPath = "") {
     const shouldHighlight = highlightPath.startsWith(`${path + entry.name}/`);
     const isExternalLink =  !entry.link.startsWith("https://fwdekker.com/") && entry.link !== "#";
-    const formattedName = (isExternalLink ? "⎋ " : "") + entry.name;
+    const formattedName = (isExternalLink ? "⎋ " : "") + entry.name;
 
     if (entry.entries.length === 0)
         return `<li class="${shouldHighlight ? "currentPage" : ""}"><a href="${entry.link}">${formattedName}</a></li>`;
@@ -96,7 +96,7 @@ const unpackEntry = function (entry, path = "/", highlightPath = "") {
 
     return "" +
         `<li class="${shouldHighlight ? "currentPage" : ""}">` +
-        `<a href="${entry.link}">${formattedName}&nbsp;${arrow}</a>` +
+        `<a href="${entry.link}">${formattedName} ${arrow}</a>` +
         `<ul>${entry.entries.map(it => unpackEntry(it, `${path + entry.name}/`, highlightPath)).join("")}</ul>` +
         `</li>`;
 };