diff --git a/assets/js/theme/design-system/toc.js b/assets/js/theme/design-system/toc.js
index 61c825fefb122241e89bcdfe34db1cdaea63d604..70860691eeb0933ee64dca5940234137e72dfec9 100644
--- a/assets/js/theme/design-system/toc.js
+++ b/assets/js/theme/design-system/toc.js
@@ -7,7 +7,7 @@ const CLASSES = {
   fullWidth: 'full-width'
 };
 
-class TableOfContent {
+class TableOfContents {
   constructor() {
     this.element = document.querySelector('.toc-container');
     this.content = this.element.querySelector('.toc-content');
@@ -97,4 +97,4 @@ class TableOfContent {
   }
 }
 
-new TableOfContent()
\ No newline at end of file
+new TableOfContents()
\ No newline at end of file
diff --git a/assets/sass/_theme/design-system/table_of_content.sass b/assets/sass/_theme/design-system/table_of_contents.sass
similarity index 100%
rename from assets/sass/_theme/design-system/table_of_content.sass
rename to assets/sass/_theme/design-system/table_of_contents.sass
diff --git a/assets/sass/_theme/hugo-osuny.sass b/assets/sass/_theme/hugo-osuny.sass
index caabb0efd080766ca25bffd7a6f25c1d7856927f..60118fab2c592add69b528f2ce003480e336158e 100644
--- a/assets/sass/_theme/hugo-osuny.sass
+++ b/assets/sass/_theme/hugo-osuny.sass
@@ -24,7 +24,7 @@
 @import "design-system/pagination"
 @import "design-system/nav"
 @import "design-system/table"
-@import "design-system/table_of_content"
+@import "design-system/table_of_contents"
 @import "design-system/top"
 @import "design-system/typography"
 
diff --git a/layouts/partials/footer/debug.html b/layouts/partials/footer/debug.html
index 40d3e21c1114a2a36c3cc98f9546f283e8a5105f..b870c88a3a29c6c94d243c104406aec133a16655 100644
--- a/layouts/partials/footer/debug.html
+++ b/layouts/partials/footer/debug.html
@@ -31,7 +31,7 @@
     display: none;
     grid-gap: var(--d-grid-margin);
     grid-template-columns: repeat(12, 1fr);
-    opacity: 0.5;
+    opacity: 0.3;
     padding: 0 var(--d-grid-margin);
     pointer-events: none;
     position: fixed;
@@ -42,6 +42,8 @@
     transform: translateX(-50%);
     width: calc(1920px + var(--d-grid-margin));
     z-index: 9999;
+    font-family: sans-serif;
+    font-size: 12px;
   }
   .d-grid.is-visible {
     display: grid;
@@ -63,6 +65,9 @@
     pointer-events: none;
     width: 100%;
     mix-blend-mode: difference;
+    opacity: 0.3;
+    font-family: sans-serif;
+    font-size: 12px;
   }
   .d-spacing.is-visible {
     display: block;