diff --git a/resources/css/common.css b/resources/css/common.css
index 89978b77d..e5753a6ae 100644
--- a/resources/css/common.css
+++ b/resources/css/common.css
@@ -39,7 +39,7 @@
     --ls-page-inline-code-color: var(--ls-primary-text-color);
     --ls-page-inline-code-bg-color: #01222a;
 
-    --ls-scrollbar-forground-color: #001F27;
+    --ls-scrollbar-foreground-color: #001F27;
     --ls-scrollbar-background-color: var(--ls-primary-background-color);
     --ls-scrollbar-thumb-hover-color: #b4b4b466;
 
@@ -83,7 +83,7 @@
     --ls-page-inline-code-color: var(--ls-primary-text-color);
     --ls-page-inline-code-bg-color: #eeeeee;
 
-    --ls-scrollbar-forground-color: var(--ls-primary-text-color);
+    --ls-scrollbar-foreground-color: var(--ls-primary-text-color);
     --ls-scrollbar-background-color: var(--ls-primary-background-color);
     --ls-scrollbar-thumb-hover-color: var(--ls-secondary-text-color);
 
@@ -729,7 +729,7 @@ dt {
 }
 
 :root {
-  scrollbar-color: var(--ls-scrollbar-forground-color) var(--ls-scrollbar-background-color) !important;
+  scrollbar-color: var(--ls-scrollbar-foreground-color) var(--ls-scrollbar-background-color) !important;
   scrollbar-width: thin !important;
 }
 
@@ -758,7 +758,7 @@ blockquote {
 }
 
 .dark-theme ::-webkit-scrollbar-thumb {
-  background-color: var(--ls-scrollbar-forground-color);
+  background-color: var(--ls-scrollbar-foreground-color);
   background-clip: padding-box;
   min-height: 28px;
 }