diff --git a/static/css/elegant.css b/static/css/elegant.css
index 3e5251d4..40eeb297 100644
--- a/static/css/elegant.css
+++ b/static/css/elegant.css
@@ -223,8 +223,14 @@ ul.multi-parts-list a:hover {
 ul.multi-parts-list li.active-part {
   font-style: italic;
 }
-.table-of-content .toc {
-  font-size: 0.7em;
+.table-of-content .toc ul {
+  margin: 0;
+  padding: 0 0 0 0.2rem;
+  list-style-type: none;
+  list-style: symbols inside none;
+}
+.table-of-content .toc > ul > li > ul {
+  padding-left: 1rem;
 }
 .last-updated a {
   color: #333;
diff --git a/static/css/typography.css b/static/css/typography.css
index 0fcf0ded..6f805592 100644
--- a/static/css/typography.css
+++ b/static/css/typography.css
@@ -172,6 +172,7 @@ ul.list-articles-under-tag-category li {
   font-family: var(--sansFontFamily);
   font-size: rfs(0.963rem);
 }
+.table-of-content .toc,
 .proj-desc,
 footer,
 div.blog-archives time,