1 files changed, 17 insertions, 5 deletions

diff --git a/ui/app/css/itcss/components/currency-display.scss b/ui/app/css/itcss/components/currency-display.scss
index 8442799c..9f9a040a 100644
--- a/ui/app/css/itcss/components/currency-display.scss
+++ b/ui/app/css/itcss/components/currency-display.scss
@@ -1,18 +1,20 @@
 .currency-display {
   height: 54px;
-  border: 1px solid $alto;
+  border: 1px solid $geyser;
   border-radius: 4px;
   background-color: $dark-gray;
-  color: $scorpion;
+  color: $dim-gray;
   font-family: Roboto;
   font-size: 16px;
   padding: 8px 10px;
   position: relative;
+
   &__primary-row {
     display: flex;
   }
+
   &__input {
-    color: $scorpion;
+    color: $white;
     font-family: Roboto;
     font-size: 16px;
     line-height: 22px;
@@ -20,16 +22,19 @@
     outline: 0 !important;
     max-width: 22ch;
   }
+
   &__primary-currency {
-    color: $scorpion;
+    color: $white;
     font-weight: 400;
     font-family: Roboto;
     font-size: 16px;
     line-height: 22px;
   }
+
   &__converted-row {
     display: flex;
   }
+
   &__converted-value,
   &__converted-currency {
     color: $dusty-gray;
@@ -37,39 +42,46 @@
     font-size: 12px;
     line-height: 12px;
   }
+
   &__input-wrapper {
     position: relative;
     display: flex;
     flex: 1;
     max-width: 100%;
+
     input[type="number"] {
       -moz-appearance: textfield;
     }
+
     input[type="number"]::-webkit-inner-spin-button {
       -webkit-appearance: none;
       -moz-appearance: none;
       display: none;
     }
+
     input[type="number"]:hover::-webkit-inner-spin-button {
       -webkit-appearance: none;
       -moz-appearance: none;
       display: none;
     }
   }
+
   &__currency-symbol {
     margin-top: 1px;
     color: $scorpion;
   }
+
   .react-numeric-input {
     input[type="number"]::-webkit-inner-spin-button {
       -webkit-appearance: none;
       -moz-appearance: none;
       display: none;
     }
+
     input[type="number"]:hover::-webkit-inner-spin-button {
       -webkit-appearance: none;
       -moz-appearance: none;
       display: none;
     }
   }
-}
\ No newline at end of file
+}