diff --git a/src/App/App.scss b/src/App/App.scss
index 415ea251a246ef8b5daa616d6d89ae049c43a494..1c3bbe3774c291db4be49a039db999063ea41ba1 100644
--- a/src/App/App.scss
+++ b/src/App/App.scss
@@ -557,10 +557,11 @@ $shadow: #bc15aa;
   padding: 30px;
   border-style: solid;
   border-width: 30px;
-  border-top-color: darken(#850F78, 0%);
-  border-right-color: darken(#850F78, 10%);
-  border-bottom-color: darken(#850F78, 0%);
-  border-left-color: darken(#850F78, 10%);
+  $color: "#850F78"; 
+  border-top-color: color.adjust($color, $lightness: 0%);
+  border-right-color: color.adjust($color, $lightness: 10%);
+  border-bottom-color: color.adjust($color, $lightness: 0%);
+  border-left-color: color.adjust($color, $lightness: 10%);
   box-shadow: 2px 2px 4px rgba(0,0,0,.6);
 }
 .cert-frame {
@@ -576,10 +577,11 @@ $shadow: #bc15aa;
   padding: 10px;
   border-style: solid;
   border-width: 20px;
-  border-top-color: darken(#850F78, 0%);
-  border-right-color: darken(#850F78, 10%);
-  border-bottom-color: darken(#850F78, 0%);
-  border-left-color: darken(#850F78, 10%);
+   $color: "#850F78"; 
+  border-top-color: color.adjust($color, $lightness: 0%);
+  border-right-color: color.adjust($color, $lightness: 10%);
+  border-bottom-color: color.adjust($color, $lightness: 0%);
+  border-left-color: color.adjust($color, $lightness: 10%);
   box-shadow: 2px 2px 4px rgba(0,0,0,.6);
 }