4 files changed, 14 insertions, 16 deletions
diff --git a/ui/app/components/export-text-container/index.scss b/ui/app/components/export-text-container/index.scss
index 05f4010a..e913f97b 100644
--- a/ui/app/components/export-text-container/index.scss
+++ b/ui/app/components/export-text-container/index.scss
@@ -3,7 +3,7 @@
   justify-content: center;
   flex-direction: column;
   align-items: center;
-  border: 1px solid $geyser;
+  border: 1px solid #a4a4a4;
   border-radius: 4px;
   font-weight: 400;
 
@@ -13,13 +13,13 @@
     justify-content: center;
     padding: 20px;
     border-radius: 4px;
-    background: $muddy-gray;
+    background: #f0f0f0;
   }
 
   &__text {
     resize: none;
     border: none;
-    background: $muddy-gray;
+    background: #f0f0f0;
     font-size: 20px;
     text-align: center;
   }
@@ -27,7 +27,7 @@
   &__buttons-container {
     display: flex;
     flex-direction: row;
-    border-top: 1px solid $geyser;
+    border-top: 1px solid #a4a4a4;
     width: 100%;
   }
 
@@ -39,14 +39,14 @@
     align-items: center;
     font-size: 12px;
     cursor: pointer;
-    color: $dexon-purple;
+    color: black;
 
     &--copy {
-      border-right: 1px solid $geyser;
+      border-right: 1px solid #a4a4a4;
     }
   }
 
   &__button-text {
     padding-left: 10px;
   }
-}
+}
+\ No newline at end of file
diff --git a/ui/app/components/modal/index.scss b/ui/app/components/modal/index.scss
index 873eb9ff..c9d7adc4 100644
--- a/ui/app/components/modal/index.scss
+++ b/ui/app/components/modal/index.scss
@@ -3,7 +3,7 @@
 .modal-container {
   width: 100%;
   height: 100%;
-  background-color: $dark-gray;
+  background-color: white;
   display: flex;
   flex-flow: column;
   border-radius: 8px;
@@ -28,14 +28,13 @@
     display: flex;
     padding: 12px;
     justify-content: center;
-    border-bottom: 1px solid $geyser;
     flex: 0 0 auto;
   }
 
   &__header-close::after {
     content: '\00D7';
     font-size: 40px;
-    color: $dusty-gray;
+    color: black;
     position: absolute;
     top: -5px;
     right: 10px;
@@ -46,7 +45,6 @@
     display: flex;
     flex-flow: row;
     justify-content: center;
-    border-top: 1px solid $geyser;
     padding: 16px;
     flex: 0 0 auto;
 
diff --git a/ui/app/components/network-display/index.scss b/ui/app/components/network-display/index.scss
index cb233e3f..ea59c26d 100644
--- a/ui/app/components/network-display/index.scss
+++ b/ui/app/components/network-display/index.scss
@@ -3,7 +3,7 @@
     display: flex;
     align-items: center;
     justify-content: flex-start;
-    background-color: $muddy-gray;
+    background-color: #f0f0f0;
     padding: 0 10px;
     border-radius: 4px;
     height: 25px;
@@ -12,7 +12,7 @@
   &__name {
     font-size: .75rem;
     padding-left: 5px;
-    color: $dim-gray;
+    color: black;
   }
 
   &__icon {
@@ -25,7 +25,7 @@
     }
 
     &--testnet {
-      background-color: $silver-chalice;
+      background-color: $dexon-purple;
     }
   }
-}
+}
+\ No newline at end of file
diff --git a/ui/app/components/page-container/index.scss b/ui/app/components/page-container/index.scss
index 6236e8da..93d7e025 100644
--- a/ui/app/components/page-container/index.scss
+++ b/ui/app/components/page-container/index.scss
@@ -159,7 +159,7 @@
   }
 
   &__warning-container {
-    background: $muddy-gray;
+    background: #f0f0f0;
     padding: 20px;
     display: flex;
     align-items: start;