diff --git a/src/app/shared/footer/footer.component.scss b/src/app/shared/footer/footer.component.scss
index 01af0095..eff180bf 100644
--- a/src/app/shared/footer/footer.component.scss
+++ b/src/app/shared/footer/footer.component.scss
@@ -21,7 +21,7 @@
             justify-content: center;
             align-items: center;
             height: 100%;
-            color: $clr-grey-light;
+            color: #888888;
 
             .footer-icons{
                 width: 100%;
diff --git a/src/styles/common.scss b/src/styles/common.scss
index 524bf511..dc570e1e 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -110,9 +110,9 @@ label {
   color: $clr-blue-medium;
   &.active,
   &.p-highlight {
-    background-color: $clr-blue;
+    background-color: #006ad0;
     color: $clr-white;
-    border: 1px solid $clr-blue;
+    border: 1px solid #006ad0;
   }
 }
 
@@ -131,7 +131,7 @@ label {
 }
 
 .bg-container {
-  background-color: $clr-grey;
+  background-color: #707070;
 }
 
 .title-space {
@@ -157,10 +157,10 @@ label {
   justify-content: center;
 }
 .activeIconClr {
-  color: $clr-blue;
+  color: #006ad0;
 }
 .normalIconClr {
-  color: $clr-grey-light;
+  color: #888888;
 }
 .errorBorder {
   border: 1px solid $clr-red !important;
@@ -354,7 +354,7 @@ iframe {
 
 .user-input{
   border-radius: 13px;
-  border: 2px solid $clr-grey;
+  border: 2px solid #707070;
 }
 
  button{