diff --git a/docs/src/layouts/App/style.scss b/docs/src/layouts/App/style.scss
index 447a1816..d3f3515f 100644
--- a/docs/src/layouts/App/style.scss
+++ b/docs/src/layouts/App/style.scss
@@ -186,9 +186,9 @@ $menuBreakPoint: 800px;
     &--premium {
       &::after {
         content: 'PRO';
-        color: $colorPurple;
-        background-color: rgba($colorPurple, 0.1);
-        box-decoration-break: clone;
+        font-family: 'JetBrainsMono', monospace;
+        color: $colorOrange;
+        background-color: rgba($colorOrange, 0.1);
         padding: 0 0.5em;
         border-radius: 5px;
       }
diff --git a/docs/src/templates/DocPage/style.scss b/docs/src/templates/DocPage/style.scss
index 627c60e8..11306b00 100644
--- a/docs/src/templates/DocPage/style.scss
+++ b/docs/src/templates/DocPage/style.scss
@@ -80,16 +80,18 @@
     }
 
     > p code,
-    > li code,
+    > ul code,
+    > ol code,
     > table code,
     > .remark-container code {
-      color: $colorPurple;
-      background-color: rgba($colorPurple, 0.1);
+      color: $colorYellow;
+      background-color: rgba($colorYellow, 0.1);
       box-decoration-break: clone;
     }
 
     > p a,
-    > li a,
+    > ul a,
+    > ol a,
     > table a,
     > .remark-container a {
       text-decoration: underline;
@@ -248,11 +250,9 @@
       }
 
       &.premium {
-        border-color: rgba($colorRed, 0.1);
-        background-color: rgba($colorRed, 0.1);
-        color: $colorPurple;
-        background-color: rgba($colorPurple, 0.1);
-        border-color: rgba($colorPurple, 0.1);
+        border-color: rgba($colorOrange, 0.1);
+        background-color: rgba($colorOrange, 0.1);
+        color: $colorOrange;
       }
 
       .remark-container-title {