diff --git a/src/.vitepress/theme/scss/components/vp-doc.scss b/src/.vitepress/theme/scss/components/vp-doc.scss
index bb7a243..e87cd0c 100644
--- a/src/.vitepress/theme/scss/components/vp-doc.scss
+++ b/src/.vitepress/theme/scss/components/vp-doc.scss
@@ -1,3 +1,6 @@
+@use "@beeline/design-tokens/scss/tokens/globals/colors";
+@use "@beeline/design-tokens/scss/tokens/themes";
+
 @mixin font_style($fontSize, $fontWeight, $lineHeight, $letterSpacing) {
     font-size: $fontSize;
     font-weight: $fontWeight;
@@ -66,7 +69,7 @@
     }
 
     li + li {
-        margin-top: 50px;
+        margin-top: 34px;
     }
 
     ul li {
@@ -75,16 +78,6 @@
         margin-top: 8px;
     }
     
-    ol li:nth-last-of-type(n+2)::after {
-        content: '';
-        border-left: 1px solid rgb(201, 197, 197);
-        position: absolute;
-        line-height: 100%;
-        left: -30px;
-        top: 43px;
-        bottom: -30px;
-    }
-
     ol li::before {
         content: counter(list);
         counter-increment: list;
@@ -94,8 +87,8 @@
         left: -48px;
         width: 35px;
         height: 35px;
-        background-color: #7e00ed;
-        color: #fff;
+        background-color: colors.$color-background-brand;
+        color: themes.$color-text-active;
         text-align: center;
         line-height: 25px;
         font-size: 16px;
@@ -115,6 +108,10 @@
         padding: 0;
     }
 
+    ol li:last-child, ul li:last-child {
+        margin-bottom: 40px;
+    }
+
     ol li p {
         margin-top: 0;
     }