diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss
index 46e166db3..4177a1339 100644
--- a/src/assets/styles/variables.scss
+++ b/src/assets/styles/variables.scss
@@ -175,6 +175,7 @@ $tag-color-light: $lightgrey;
     --side-nav-text: #404040;
     --text-color-code-lang: #999;
     --icon-color: #999;
+    --back-button-color: #1d232f;
     --back-button-background: #eaedf2;
     --block-background: #eaedf2;
     --border-color: #c0c6cf;
@@ -221,6 +222,7 @@ $tag-color-light: $lightgrey;
     --side-nav-text: #fff;
     --text-color-code-lang: #fff;
     --icon-color: #fff;
+    --back-button-color: #fff;
     --table-header-color: #3c4356;
     --back-button-background: #a4abb8;
     --block-background: none;
diff --git a/src/components/BackButton/index.scss b/src/components/BackButton/index.scss
index ad4761a07..6a2aad62e 100644
--- a/src/components/BackButton/index.scss
+++ b/src/components/BackButton/index.scss
@@ -21,6 +21,7 @@
         width: $arrow-icon-height;
         position: relative;
         top: 2px;
+        color: var(--back-button-color);
     }
 
     p {