2 files changed, 12 insertions, 5 deletions

diff --git a/assets/css/components/_nav.scss b/assets/css/components/_nav.scss
index 60b3584..6d087ad 100644
--- a/assets/css/components/_nav.scss
+++ b/assets/css/components/_nav.scss
@@ -40,6 +40,12 @@
             color: var(--nav--item--hover--fg);
             font-weight: bold;
         }
+
+        &--active {
+            border-color: var(--nav--item--active--fg);
+            color: var(--nav--item--active--fg);
+            font-weight: bold;
+        }
     }
 
     @media (max-width: map-get($breakpoints, 'sm')) {
diff --git a/assets/css/components/_page.scss b/assets/css/components/_page.scss
index c9a4650..bccf069 100644
--- a/assets/css/components/_page.scss
+++ b/assets/css/components/_page.scss
@@ -8,7 +8,8 @@
     }
 
     &__code {
-        padding-left: calc(#{$subcontent--indent} - 2px);
+        margin-left: 1px;
+        padding-left: calc(#{$subcontent--indent} - 3px);
         border-left: 2px solid var(--obj);
     }
 
@@ -49,8 +50,8 @@
         &--pre {
             $scale-factor: $font-size / $code-block--font-size;
 
-            // margin-left: calc(#{-1 * $page--item-prefix--width} * #{$scale-factor});
-            // padding-left: calc(#{$page--item-prefix--width} * #{$scale-factor});
+            margin-left: calc(#{-1 * $page--item-prefix--width} * #{$scale-factor});
+            padding-left: calc(#{$page--item-prefix--width} * #{$scale-factor});
             border-left: 0;
     
             &::before {
@@ -58,8 +59,8 @@
                 height: 100%;
                 overflow: hidden;
                 color: var(--page--item-prefix--fg);
-                // font-size: px-to-em($font-size, $code-block--font-size);
-                // line-height: $code-block--line-height / $scale-factor;
+                font-size: px-to-em($font-size, $code-block--font-size);
+                line-height: $code-block--line-height / $scale-factor;
             }
         }