diff --git a/common/common.scss b/common/common.scss
index de6b325..e306c60 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -54,7 +54,7 @@ body textarea {
   max-width: 808px;
   button {
     margin-left: 1em;
-    background-color: lighten($secondary, 10%);
+    background-color: var(--material-lighter-secondary);
   }
 }
 
diff --git a/mobile/mobile.scss b/mobile/mobile.scss
index 2e5f5c2..7d32672 100644
--- a/mobile/mobile.scss
+++ b/mobile/mobile.scss
@@ -5,7 +5,7 @@
 //create conversation cards
 .topic-body {
   @include boxShadow;
-  background-color: lighten($secondary, 10%);
+  background-color: var(--material-lighter-secondary);
   margin-top: 10px;
   padding: 20px;
   border-radius: 4px;