diff --git a/sass/juice.scss b/sass/juice.scss
index 0e35b9b..04136a1 100644
--- a/sass/juice.scss
+++ b/sass/juice.scss
@@ -102,6 +102,10 @@ main {
     font-weight: bold;
   }
 
+  .nav-subsection {
+    padding-top: 10px;
+  }
+
   .toc-item a, .toc-item-child a {
     color: var(--secondary-text-color);
 
@@ -156,6 +160,7 @@ footer {
   .content {
     max-width: 60%;
     min-width: 800px;
+    overflow: hidden;
   }
 }
 
diff --git a/templates/_nav.html b/templates/_nav.html
index 9b76c96..e353681 100644
--- a/templates/_nav.html
+++ b/templates/_nav.html
@@ -9,15 +9,17 @@
       <div class="toc-item">
         {% if p.subsections or p.pages %}
           {% if p.path == current.path %}
-            <a class="subtext" href="{{ p.permalink | safe}}">⯆ <b>{{ p.title }}</b></a>
+            <a class="subtext" href="{{ p.permalink | safe}}">‣ <b>{{ p.title }}</b></a>
           {% elif hierarchy is containing(s) %}
-            <a class="subtext" href="{{ p.permalink | safe}}">⯆ {{ p.title }}</a>
+            <a class="subtext" href="{{ p.permalink | safe}}">‣ {{ p.title }}</a>
           {% else %}
-            <a class="subtext" href="{{ p.permalink | safe}}">⯈ {{ p.title }}</a>
+            <a class="subtext" href="{{ p.permalink | safe}}">‣ {{ p.title }}</a>
           {% endif %}
           {% if hierarchy is containing(s) or current.path == p.path %}
             {% if level + 1 < maxlevel %}
-              {{ nav::navsection(hierarchy=hierarchy,level=level + 1,current=current) }}
+              <div class="nav-subsection">
+                {{ nav::navsection(hierarchy=hierarchy,level=level + 1,current=current) }}
+              </div>
             {% endif %}
           {% endif %}
         {% else %}