diff --git a/static/github-dark.css b/static/github-dark.css
index b5fe8d3..656cbb7 100644
--- a/static/github-dark.css
+++ b/static/github-dark.css
@@ -24,6 +24,7 @@ details summary::marker { content: "\1F4C1\20";}
   padding-right: 1em;
   padding-top: 1em;
   order: -1;
+  background-color: #0d1117;
 }
 
 @media (min-width: 48em) {
@@ -38,6 +39,7 @@ details summary::marker { content: "\1F4C1\20";}
     text-align: left;
     margin-left: 1em;
     margin-right: 1em;
+    width: 70%;
     border-top: 1px solid #89929b; border-bottom: 1px solid #89929b;
   }
 
@@ -45,8 +47,9 @@ details summary::marker { content: "\1F4C1\20";}
     /* 12em is the width of the columns */
     flex: 0 0 14em;
     background-color: #0d1117;
-    /* expermimental line height */
+    /* experimental line height */
     line-height: 1.8em;
+    width: 15%;
   }
 
   .HolyGrail-nav ul {
@@ -61,7 +64,7 @@ details summary::marker { content: "\1F4C1\20";}
         padding-left : 0.5ch;
         margin: 0em;
         text-align: left;
-    /* expermimental line height */
+        /* experimental line height */
         line-height: 1.5em;
   }
 
diff --git a/static/one-dark.css b/static/one-dark.css
index 11532f8..72d9577 100644
--- a/static/one-dark.css
+++ b/static/one-dark.css
@@ -39,6 +39,7 @@ details summary::marker { content: "\1F4C1\20";}
     text-align: left;
     margin-left: 1em;
     margin-right: 1em;
+    width: 70%;
     border-top: 1px solid #979FAD; border-bottom: 1px solid #979FAD;
   }
 
@@ -46,21 +47,25 @@ details summary::marker { content: "\1F4C1\20";}
     /* 12em is the width of the columns */
     flex: 0 0 14em;
     background-color: #3A3F4B;
+    /* experimental line height */
+    line-height: 1.8em;
+    width: 15%;
   }
 
-
   .HolyGrail-nav ul {
         list-style-type: none!important;
-        padding-left : 0.3em;
+        padding-left : 1ch;
         margin: 0em;
         text-align: left;
   }
 
   .HolyGrail-nav li {
         list-style-type: none!important;
-        padding-left : 1em;
+        padding-left : 0.5ch;
         margin: 0em;
         text-align: left;
+        /* experimental line height */
+        line-height: 1.5em;
   }
 
   .HolyGrail-nav a{
diff --git a/static/solarized-dark.css b/static/solarized-dark.css
index 40c51e9..8a57b90 100644
--- a/static/solarized-dark.css
+++ b/static/solarized-dark.css
@@ -24,6 +24,7 @@ details summary::marker { content: "\1F4C1\20";}
   padding-right: 1em;
   padding-top: 1em;
   order: -1;
+  background-color: #002b36;
 }
 
 @media (min-width: 48em) {
@@ -38,6 +39,7 @@ details summary::marker { content: "\1F4C1\20";}
     text-align: left;
     margin-left: 1em;
     margin-right: 1em;
+    width: 70%;
     border-top: 1px solid #002b36; border-bottom: 1px solid #002b36;
   }
 
@@ -45,20 +47,25 @@ details summary::marker { content: "\1F4C1\20";}
     /* 12em is the width of the columns */
     flex: 0 0 14em;
     background-color: #002b36;
+    /* experimental line height */
+    line-height: 1.8em;
+    width: 15%;
   }
 
   .HolyGrail-nav ul {
         list-style-type: none!important;
-        padding-left : 0.3em;
+        padding-left : 1ch;
         margin: 0em;
         text-align: left;
   }
 
   .HolyGrail-nav li {
         list-style-type: none!important;
-        padding-left : 1em;
+        padding-left : 0.5ch;
         margin: 0em;
         text-align: left;
+        /* experimental line height */
+        line-height: 1.5em;
   }
 
   .HolyGrail-nav a{
diff --git a/static/solarized-light.css b/static/solarized-light.css
index d42fb1f..8f2480d 100644
--- a/static/solarized-light.css
+++ b/static/solarized-light.css
@@ -24,6 +24,7 @@ details summary::marker { content: "\1F4C1\20";}
   padding-right: 1em;
   padding-top: 1em;
   order: -1;
+  background-color: #eee8d5;
 }
 
 @media (min-width: 48em) {
@@ -38,6 +39,7 @@ details summary::marker { content: "\1F4C1\20";}
     text-align: left;
     margin-left: 1em;
     margin-right: 1em;
+    width: 70%;
     border-top: 1px solid #002b36; border-bottom: 1px solid #002b36;
   }
 
@@ -45,20 +47,25 @@ details summary::marker { content: "\1F4C1\20";}
     /* 12em is the width of the columns */
     flex: 0 0 14em;
     background-color: #eee8d5;
+    /* experimental line height */
+    line-height: 1.8em;
+    width: 15%;
   }
 
   .HolyGrail-nav ul {
         list-style-type: none!important;
-        padding-left : 0.3em;
+        padding-left : 1ch; 
         margin: 0em;
         text-align: left;
   }
 
   .HolyGrail-nav li {
         list-style-type: none!important;
-        padding-left : 1em;
+        padding-left : 0.5ch;
         margin: 0em;
         text-align: left;
+        /* experimental line height */
+        line-height: 1.5em;
   }
 
   .HolyGrail-nav a{
diff --git a/static/xcode.css b/static/xcode.css
index bb0460b..f2738b4 100644
--- a/static/xcode.css
+++ b/static/xcode.css
@@ -24,6 +24,7 @@ details summary::marker { content: "\1F4C1\20";}
   padding-right: 1em;
   padding-top: 1em;
   order: -1;
+  background-color: #ecf5ff;
 }
 
 @media (min-width: 48em) {
@@ -31,7 +32,6 @@ details summary::marker { content: "\1F4C1\20";}
     flex-direction: row;
     flex: 1;
     text-align: left;
-    border-top: 1px solid #262626; border-bottom: 1px solid #262626;
   }
 
   .HolyGrail-content {
@@ -39,26 +39,33 @@ details summary::marker { content: "\1F4C1\20";}
     text-align: left;
     margin-left: 1em;
     margin-right: 1em;
+    width: 70%;
+    border-top: 1px solid #262626; border-bottom: 1px solid #262626;
   }
 
   .HolyGrail-nav, .HolyGrail-ads {
     /* 12em is the width of the columns */
     flex: 0 0 14em;
     background-color: #ecf5ff;
+    /* experimental line height */
+    line-height: 1.8em;
+    width: 15%;
   }
 
   .HolyGrail-nav ul {
         list-style-type: none!important;
-        padding-left : 0.3em;
+        padding-left : 1ch;
         margin: 0em;
         text-align: left;
   }
 
   .HolyGrail-nav li {
         list-style-type: none!important;
-        padding-left : 1em;
+        padding-left : 0.5ch;
         margin: 0em;
         text-align: left;
+        /* experimental line height */
+        line-height: 1.5em;
   }
 
   .HolyGrail-nav a{