diff --git a/src/strapdown-toc.less b/src/strapdown-toc.less
index 507155f..b0bd845 100644
--- a/src/strapdown-toc.less
+++ b/src/strapdown-toc.less
@@ -5,7 +5,7 @@
 @list-base-indent: 10px;
 @list-indent-per-lvl: 10px;
 @max-xs-screen-width: 767px;
-@toc-width: 15%; /* based on col-sm-2 (16.67%), but a bit smaller to leave 
+@toc-width: 14%; /* based on col-sm-2 (16.67%), but a bit smaller to leave 
 	              * some space to the content*/
 @toc-link-color: #158CBA; /* Default link color (when not inverse) */
 
@@ -27,7 +27,8 @@
 
 			&>a {
 				padding-left: @indent; 
-				margin-left: -@indent; 
+				margin-left: -@indent;
+				font-size: 15px - @level;
 			}
 			&.active>a {
 				font-weight: bold;
diff --git a/v/0.3/strapdown-toc.css b/v/0.3/strapdown-toc.css
index 7ae249b..f395e8c 100644
--- a/v/0.3/strapdown-toc.css
+++ b/v/0.3/strapdown-toc.css
@@ -58,6 +58,7 @@ body h3[id] {
 .toc ul > li > a {
   padding-left: 20px;
   margin-left: -20px;
+  font-size: 14px;
 }
 .toc ul > li.active > a {
   font-weight: bold;
@@ -74,6 +75,7 @@ body h3[id] {
 .toc ul ul > li > a {
   padding-left: 30px;
   margin-left: -30px;
+  font-size: 13px;
 }
 .toc ul ul > li.active > a {
   font-weight: bold;
@@ -90,6 +92,7 @@ body h3[id] {
 .toc ul ul ul > li > a {
   padding-left: 40px;
   margin-left: -40px;
+  font-size: 12px;
 }
 .toc ul ul ul > li.active > a {
   font-weight: bold;
@@ -108,7 +111,7 @@ body h3[id] {
     pointer-events: none;
   }
   .toc .nav {
-    width: 15%;
+    width: 14%;
     padding-right: 5px;
   }
   .toc ul {