diff --git a/.vuepress/styles/index.scss b/.vuepress/styles/index.scss
index 7a77e84048..1a92714195 100755
--- a/.vuepress/styles/index.scss
+++ b/.vuepress/styles/index.scss
@@ -38,6 +38,10 @@ div[class*='language-'].line-numbers-mode .line-numbers {
   --code-line-height: 1.1;
   --font-family-code: 'Fira Code', Consolas, Monaco, 'Andale Mono', 'DejaVu Sans Mono',
     'Ubuntu Mono', monospace;
+  }
+  
+/* override vuepress `:root` --code-font-family variable with higher specificity (`body`) because vuepress puts theirs after this one */
+body {
   --code-font-family: 'Fira Code', Consolas, Monaco, 'Andale Mono', 'DejaVu Sans Mono',
     'Ubuntu Mono', monospace;
 }