diff --git a/docs/css/custom.css b/docs/css/custom.css
index 11ab3df..cd06457 100644
--- a/docs/css/custom.css
+++ b/docs/css/custom.css
@@ -662,6 +662,10 @@
 
 /* ── UniNotes Contents Panel ─────────────────────────────────────────────── */
 
+.uninotes-contents-heading {
+  margin-bottom: -14.6px;
+}
+
 .uninotes-contents {
   margin: 1.25rem 0 2rem 0;
   border-left: 3px solid var(--accent-color);
@@ -674,7 +678,6 @@
 .uninotes-contents__semester {
   display: flex;
   flex-direction: column;
-  gap: 0.3rem;
 }
 
 .uninotes-contents__sem-link {
@@ -693,8 +696,9 @@
 .uninotes-contents__subject {
   display: flex;
   flex-direction: column;
-  gap: 0.25rem;
-  padding-left: 0.7rem;
+  gap: 0.1rem;
+  padding-top: 0.3rem;
+  padding-left: 1.21rem;
 }
 
 .uninotes-contents__subject-link {
@@ -702,7 +706,7 @@
   font-weight: 600;
   color: var(--foreground-color);
   text-decoration: none;
-  letter-spacing: 0.05rem;
+  letter-spacing: 0.04rem;
 }
 
 .uninotes-contents__subject-link:hover {
@@ -713,21 +717,21 @@
 .uninotes-contents__units {
   list-style: none;
   padding: 0.6px;
-  margin: 0.15rem 0 0.3rem 0.75rem;
+  margin: 0.15rem 0 0.3rem 1.21rem;
   display: flex;
   flex-direction: column;
-  gap: 0.03rem;
+  gap: 0.1rem;
 }
 
 .uninotes-contents__unit {
   display: flex;
   align-items: center;
-  gap: 0.7rem;
+  gap: 0.68rem;
   flex-wrap: wrap;
 }
 
 .uninotes-contents__unit-link {
-  font-size: 0.9rem;
+  font-size: 0.94rem;
   color: var(--foreground-color);
   text-decoration: none;
 }
@@ -739,7 +743,7 @@
 
 .uninotes-contents__unit-cats {
   display: flex;
-  gap: 0.25rem;
+  gap: 0.05rem;
 }
 
 .uninotes-contents__cat {
diff --git a/docs/uninotes/index.html b/docs/uninotes/index.html
index e14513b..567d319 100644
--- a/docs/uninotes/index.html
+++ b/docs/uninotes/index.html
@@ -7,7 +7,7 @@
 <label class=brand__mobile-toggle for=mobile-menu-check aria-label=Menu><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg></label><div class=brand__mobile-links><a href=/login/ class=mobile-link>Login</a>
 <a href=/signup/ class=mobile-link>Sign Up</a>
 <a href=/uninotes/index.xml class="mobile-link mobile-link--subscribe"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" aria-hidden="true"><path d="M6.18 15.64a2.18 2.18.0 012.18 2.18c0 1.19-.98 2.18-2.18 2.18C4.98 20 4 19.01 4 17.82a2.18 2.18.0 012.18-2.18M4 4.44A15.56 15.56.0 0119.56 20h-2.83A12.73 12.73.0 004 7.27V4.44m0 5.66a9.9 9.9.0 019.9 9.9h-2.83A7.07 7.07.0 004 12.93V10.1z"/></svg>
-Subscribe</a></div></div></div></div><nav class="menu language"><ul class="menu__list language__list"><li class=menu__item><a class=menu__link href=/>Home</a></li><li class=menu__item><a class=menu__link href=/blog/>Blog</a></li><li class=menu__item><a class=menu__link href=/services/>Services</a></li><li class=menu__item><a class=menu__link href=/uninotes/>UniNotes</a></li><li class=menu__item><a class=menu__link href=/contact/>Contact</a></li></ul></nav></header><main class=main><nav class="uninotes-breadcrumbs breadcrumbs"><a href=/uninotes/>UniNotes</a></nav><h1>UniNotes</h1><h3>Contents</h3><div class=uninotes-contents><div class=uninotes-contents__semester><a class=uninotes-contents__sem-link href=/uninotes/s1/>S1</a><div class=uninotes-contents__subject><a class=uninotes-contents__subject-link href=/uninotes/s1/bo-dcm1109/>BO DCM1109</a><ul class=uninotes-contents__units><li class=uninotes-contents__unit><a class=uninotes-contents__unit-link href=/uninotes/s1/bo-dcm1109/unit1/>Unit 1</a>
+Subscribe</a></div></div></div></div><nav class="menu language"><ul class="menu__list language__list"><li class=menu__item><a class=menu__link href=/>Home</a></li><li class=menu__item><a class=menu__link href=/blog/>Blog</a></li><li class=menu__item><a class=menu__link href=/services/>Services</a></li><li class=menu__item><a class=menu__link href=/uninotes/>UniNotes</a></li><li class=menu__item><a class=menu__link href=/contact/>Contact</a></li></ul></nav></header><main class=main><nav class="uninotes-breadcrumbs breadcrumbs"><a href=/uninotes/>UniNotes</a></nav><h1>UniNotes</h1><h3 class=uninotes-contents-heading>Contents</h3><div class=uninotes-contents><div class=uninotes-contents__semester><a class=uninotes-contents__sem-link href=/uninotes/s1/>S1</a><div class=uninotes-contents__subject><a class=uninotes-contents__subject-link href=/uninotes/s1/bo-dcm1109/>BO DCM1109</a><ul class=uninotes-contents__units><li class=uninotes-contents__unit><a class=uninotes-contents__unit-link href=/uninotes/s1/bo-dcm1109/unit1/>Unit 1</a>
 <span class=uninotes-contents__unit-cats><a class="uninotes-contents__cat uninotes-contents__cat--self" href=/uninotes/s1/bo-dcm1109/unit1/self/>Self</a>
 <span class="uninotes-contents__cat uninotes-contents__cat--na">Live</span></span></li><li class=uninotes-contents__unit><a class=uninotes-contents__unit-link href=/uninotes/s1/bo-dcm1109/unit2/>Unit 2</a>
 <span class=uninotes-contents__unit-cats><a class="uninotes-contents__cat uninotes-contents__cat--self" href=/uninotes/s1/bo-dcm1109/unit2/self/>Self</a>
diff --git a/layouts/uninotes/section.html b/layouts/uninotes/section.html
index 534bcb1..51bee31 100644
--- a/layouts/uninotes/section.html
+++ b/layouts/uninotes/section.html
@@ -6,7 +6,7 @@
 
 <h1>UniNotes</h1>
 
-<h3>Contents</h3>
+<h3 class="uninotes-contents-heading">Contents</h3>
 
 {{/* Build full tree: semester → subjectcode → units → self/live */}} {{ $semesters :=
 site.Taxonomies.semester.Alphabetical }}
diff --git a/static/css/custom.css b/static/css/custom.css
index 11ab3df..cd06457 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -662,6 +662,10 @@
 
 /* ── UniNotes Contents Panel ─────────────────────────────────────────────── */
 
+.uninotes-contents-heading {
+  margin-bottom: -14.6px;
+}
+
 .uninotes-contents {
   margin: 1.25rem 0 2rem 0;
   border-left: 3px solid var(--accent-color);
@@ -674,7 +678,6 @@
 .uninotes-contents__semester {
   display: flex;
   flex-direction: column;
-  gap: 0.3rem;
 }
 
 .uninotes-contents__sem-link {
@@ -693,8 +696,9 @@
 .uninotes-contents__subject {
   display: flex;
   flex-direction: column;
-  gap: 0.25rem;
-  padding-left: 0.7rem;
+  gap: 0.1rem;
+  padding-top: 0.3rem;
+  padding-left: 1.21rem;
 }
 
 .uninotes-contents__subject-link {
@@ -702,7 +706,7 @@
   font-weight: 600;
   color: var(--foreground-color);
   text-decoration: none;
-  letter-spacing: 0.05rem;
+  letter-spacing: 0.04rem;
 }
 
 .uninotes-contents__subject-link:hover {
@@ -713,21 +717,21 @@
 .uninotes-contents__units {
   list-style: none;
   padding: 0.6px;
-  margin: 0.15rem 0 0.3rem 0.75rem;
+  margin: 0.15rem 0 0.3rem 1.21rem;
   display: flex;
   flex-direction: column;
-  gap: 0.03rem;
+  gap: 0.1rem;
 }
 
 .uninotes-contents__unit {
   display: flex;
   align-items: center;
-  gap: 0.7rem;
+  gap: 0.68rem;
   flex-wrap: wrap;
 }
 
 .uninotes-contents__unit-link {
-  font-size: 0.9rem;
+  font-size: 0.94rem;
   color: var(--foreground-color);
   text-decoration: none;
 }
@@ -739,7 +743,7 @@
 
 .uninotes-contents__unit-cats {
   display: flex;
-  gap: 0.25rem;
+  gap: 0.05rem;
 }
 
 .uninotes-contents__cat {