diff --git a/app/src/scss/_variables.scss b/app/src/scss/_variables.scss
index a5cc4b36..6a42f5fa 100644
--- a/app/src/scss/_variables.scss
+++ b/app/src/scss/_variables.scss
@@ -66,7 +66,7 @@ $alert-color-level:  5;
 $list-group-item-bg-level:     -11;
 $list-group-item-color-level:  6;
 
-$code-color: var(--code-color);
+$code-color: $black;
 
 // Replace font-weight 300 with 200
 $font-weight-light: 200;
diff --git a/app/src/scss/main.scss b/app/src/scss/main.scss
index 7525c567..7ae63531 100644
--- a/app/src/scss/main.scss
+++ b/app/src/scss/main.scss
@@ -85,8 +85,6 @@
   @include hsl-color('gray-800', 210, 10%, 23%);
   @include hsl-color('gray-900', 210, 11%, 15%);
 
-  --code-color: var(--pink);
-
   // Overwrite list-group-item variants to lighter ones (used in diagnosis for example)
   @each $color, $value in $theme-colors {
     @include list-group-item-variant($color, theme-color-level($color, $list-group-item-bg-level), theme-color-level($color, $list-group-item-color-level));
@@ -123,8 +121,6 @@
   @include hsl-color('gray-200', 256, 0%, 23%);
   @include hsl-color('gray-100', 256, 0%, 15%);
 
-  --code-color: var(--gray-800);
-
   @each $color, $value in $theme-colors {
     @include list-group-item-variant($color, theme-color-level($color, -6), theme-color-level($color, 2));
 
@@ -294,7 +290,7 @@ h3.card-title {
 }
 
 code {
-  background: $light;
+  background: $gray-300;
   padding: .15rem .25rem;
   border-radius: $border-radius;
 }