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;