diff --git a/app/assets/stylesheets/ppd.scss b/app/assets/stylesheets/ppd.scss
index 3c1ae3f..49fc77c 100644
--- a/app/assets/stylesheets/ppd.scss
+++ b/app/assets/stylesheets/ppd.scss
@@ -1,3 +1,5 @@
+$lr-logo-grey: #a7a5a6;
+
 @media (min-width: 641px) {
   .lr main {
       font-size: 16px;
@@ -168,7 +170,7 @@
   }
 
   .transaction-category {
-    background-color: lighten( #a7a5a6, 20% );
+    background-color: lighten( $lr-logo-grey, 20% );
     padding: 3px;
     border-radius: 3px;
   }