15 files changed, 74 insertions, 74 deletions
diff --git a/ui/app/css/itcss/components/account-dropdown-mini.scss b/ui/app/css/itcss/components/account-dropdown-mini.scss
index 36a57204..3977b2ad 100644
--- a/ui/app/css/itcss/components/account-dropdown-mini.scss
+++ b/ui/app/css/itcss/components/account-dropdown-mini.scss
@@ -1,7 +1,7 @@
 .account-dropdown-mini {
   height: 22px;
   background-color: $white;
-  font-family: Roboto;
+  font-family: Overpass;
   line-height: 16px;
   font-size: 12px;
   width: 124px;
diff --git a/ui/app/css/itcss/components/account-dropdown.scss b/ui/app/css/itcss/components/account-dropdown.scss
index 780a89c7..c101941a 100644
--- a/ui/app/css/itcss/components/account-dropdown.scss
+++ b/ui/app/css/itcss/components/account-dropdown.scss
@@ -1,5 +1,5 @@
 .account-dropdown-name {
-  font-family: Roboto;
+  font-family: Overpass;
 }
 
 .account-dropdown-balance {
@@ -9,7 +9,7 @@
 
 .account-dropdown-edit-button {
   color: $dusty-gray;
-  font-family: Roboto;
+  font-family: Overpass;
 
   &:hover {
     color: $white;
@@ -47,7 +47,7 @@
 
   &__account-primary-balance,
   &__account-secondary-balance {
-    font-family: Roboto;
+    font-family: Overpass;
     line-height: 16px;
     font-size: 12px;
   }
diff --git a/ui/app/css/itcss/components/buttons.scss b/ui/app/css/itcss/components/buttons.scss
index 04ad056a..efd58d0b 100644
--- a/ui/app/css/itcss/components/buttons.scss
+++ b/ui/app/css/itcss/components/buttons.scss
@@ -18,7 +18,7 @@
   width: 100%;
   text-transform: uppercase;
   outline: none;
-  font-family: Roboto;
+  font-family: Overpass;
 
   &--disabled,
   &[disabled] {
@@ -171,7 +171,7 @@ button.primary {
   box-shadow: 0 3px 6px rgba(247, 134, 28, 0.36);
   color: $white;
   font-size: 1.1em;
-  font-family: Roboto;
+  font-family: Overpass;
   text-transform: uppercase;
 }
 
@@ -180,7 +180,7 @@ button.primary {
   box-shadow: 0 3px 6px rgba(247, 134, 28, 0.36);
   color: #585d67; // TODO: make reusable light button color
   font-size: 1.1em;
-  font-family: Roboto;
+  font-family: Overpass;
   text-transform: uppercase;
   text-align: center;
   line-height: 20px;
diff --git a/ui/app/css/itcss/components/confirm.scss b/ui/app/css/itcss/components/confirm.scss
index 42bbc466..19a01b40 100644
--- a/ui/app/css/itcss/components/confirm.scss
+++ b/ui/app/css/itcss/components/confirm.scss
@@ -1,7 +1,7 @@
 .confirm-screen-container {
   position: relative;
   align-items: center;
-  font-family: Roboto;
+  font-family: Overpass;
   flex: 1 0 auto;
   flex-flow: column nowrap;
   box-shadow: 0 2px 4px 0 rgba($black, .08);
@@ -32,7 +32,7 @@
   flex-flow: column nowrap;
   z-index: 25;
   align-items: center;
-  font-family: Roboto;
+  font-family: Overpass;
   position: relative;
   overflow-y: auto;
   overflow-x: hidden;
@@ -98,7 +98,7 @@
 
 .confirm-screen-back-button {
   color: $dexon-purple;
-  font-family: Roboto;
+  font-family: Overpass;
   font-size: 1rem;
   position: absolute;
   top: 38px;
@@ -312,7 +312,7 @@ section .confirm-screen-account-number,
   font-size: 16px;
   color: $white;
   text-align: center;
-  font-family: Roboto;
+  font-family: Overpass;
   padding-top: 15px;
   padding-bottom: 15px;
   border-width: 0;
@@ -326,7 +326,7 @@ section .confirm-screen-account-number,
   background: none;
   border: none;
   opacity: 1;
-  font-family: Roboto;
+  font-family: Overpass;
   border-width: 0;
   padding-top: 15px;
   padding-bottom: 15px;
diff --git a/ui/app/css/itcss/components/currency-display.scss b/ui/app/css/itcss/components/currency-display.scss
index 9f9a040a..f2bc87b8 100644
--- a/ui/app/css/itcss/components/currency-display.scss
+++ b/ui/app/css/itcss/components/currency-display.scss
@@ -4,7 +4,7 @@
   border-radius: 4px;
   background-color: $dark-gray;
   color: $dim-gray;
-  font-family: Roboto;
+  font-family: Overpass;
   font-size: 16px;
   padding: 8px 10px;
   position: relative;
@@ -15,7 +15,7 @@
 
   &__input {
     color: $white;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 16px;
     line-height: 22px;
     border: none;
@@ -26,7 +26,7 @@
   &__primary-currency {
     color: $white;
     font-weight: 400;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 16px;
     line-height: 22px;
   }
@@ -38,7 +38,7 @@
   &__converted-value,
   &__converted-currency {
     color: $dusty-gray;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 12px;
     line-height: 12px;
   }
diff --git a/ui/app/css/itcss/components/modal.scss b/ui/app/css/itcss/components/modal.scss
index 209901cd..cab74597 100644
--- a/ui/app/css/itcss/components/modal.scss
+++ b/ui/app/css/itcss/components/modal.scss
@@ -8,7 +8,7 @@
   align-items: center;
   justify-content: center;
   text-align: center;
-  font-family: Roboto;
+  font-family: Overpass;
   padding: 0 16px;
 }
 
@@ -21,7 +21,7 @@
 .ellip-address {
   width: 247px;
   border: none;
-  font-family: Roboto;
+  font-family: Overpass;
   font-size: 14px;
 }
 
@@ -194,7 +194,7 @@
   padding: 5px 0 31px 0;
   border: 1px solid $geyser;
   border-radius: 4px;
-  font-family: Roboto;
+  font-family: Overpass;
 
   button {
     cursor: pointer;
@@ -210,7 +210,7 @@
 
   &__text {
     margin-top: 2px;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 14px;
     line-height: 18px;
   }
@@ -253,7 +253,7 @@
     border: 1px solid $geyser;
     border-radius: 2px;
     padding: 5px 10px;
-    font-family: Roboto;
+    font-family: Overpass;
     margin-top: 7px;
     width: 286px;
   }
@@ -317,7 +317,7 @@
 
 .private-key-password::-webkit-input-placeholder {
   color: $dusty-gray;
-  font-family: Roboto;
+  font-family: Overpass;
 }
 
 .private-key-password-warning {
@@ -330,7 +330,7 @@
   width: 292px;
   padding: 9px 15px;
   margin-top: 18px;
-  font-family: Roboto;
+  font-family: Overpass;
 }
 
 .export-private-key-buttons {
@@ -358,7 +358,7 @@
 
 .private-key-password-display-textarea {
   color: $crimson;
-  font-family: Roboto;
+  font-family: Overpass;
   font-size: 16px;
   line-height: 21px;
   border: none;
@@ -379,7 +379,7 @@
   position: relative;
   border: 1px solid $alto;
   box-shadow: 0 0 2px 2px $alto;
-  font-family: Roboto;
+  font-family: Overpass;
 }
 
 .new-account-modal-header {
@@ -434,7 +434,7 @@
   width: 100%;
   font-size: 1em;
   color: $dusty-gray;
-  font-family: Roboto;
+  font-family: Overpass;
   font-size: 17px;
   margin: 0 60px;
 }
@@ -499,7 +499,7 @@
 
   &__symbol {
     color: $tundora;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
@@ -510,7 +510,7 @@
     height: 30px;
     width: 271.28px;
     color: $tundora;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 22px;
     line-height: 30px;
     text-align: center;
@@ -521,7 +521,7 @@
     height: 41px;
     width: 318px;
     color: $scorpion;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 14px;
     line-height: 18px;
     text-align: center;
@@ -551,7 +551,7 @@
     position: relative;
     border: 1px solid $alto;
     box-shadow: 0 0 2px 2px $alto;
-    font-family: Roboto;
+    font-family: Overpass;
   }
 
   &__header {
@@ -593,7 +593,7 @@
 // Deposit Ether Modal
 .deposit-ether-modal {
   border-radius: 8px;
-  font-family: Roboto;
+  font-family: Overpass;
   display: flex;
   flex-flow: column;
   height: 100%;
@@ -838,7 +838,7 @@
   position: relative;
   border: 1px solid $alto;
   box-shadow: 0 0 2px 2px $alto;
-  font-family: Roboto;
+  font-family: Overpass;
 }
 
 .notification-modal-header {
diff --git a/ui/app/css/itcss/components/network.scss b/ui/app/css/itcss/components/network.scss
index fe54295c..aecb4903 100644
--- a/ui/app/css/itcss/components/network.scss
+++ b/ui/app/css/itcss/components/network.scss
@@ -48,7 +48,7 @@
 
 .network-name {
   padding: 0 4px;
-  font-family: Roboto;
+  font-family: Overpass;
   font-size: 12px;
   flex: 1 0 auto;
   color: $dexon-purple;
@@ -145,7 +145,7 @@
   height: 25px;
   width: 120px;
   color: $white;
-  font-family: Roboto;
+  font-family: Overpass;
   font-size: 18px;
   line-height: 25px;
   text-align: center;
@@ -155,7 +155,7 @@
   height: 36px;
   width: 265px;
   color: $dusty-gray;
-  font-family: Roboto;
+  font-family: Overpass;
   font-size: 14px;
   line-height: 18px;
 }
diff --git a/ui/app/css/itcss/components/new-account.scss b/ui/app/css/itcss/components/new-account.scss
index 5f546dc0..a815ce23 100644
--- a/ui/app/css/itcss/components/new-account.scss
+++ b/ui/app/css/itcss/components/new-account.scss
@@ -14,7 +14,7 @@
 
   &__title {
     color: $white;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 32px;
     font-weight: 500;
     line-height: 43px;
@@ -31,7 +31,7 @@
       height: 54px;
       padding: 15px 10px;
       color: $dusty-gray;
-      font-family: Roboto;
+      font-family: Overpass;
       font-size: 18px;
       line-height: 24px;
       text-align: center;
@@ -77,7 +77,7 @@
 
   &__select-label {
     color: $dim-gray;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 16px;
     line-height: 21px;
   }
@@ -141,7 +141,7 @@
 
   &__instruction {
     color: $dim-gray;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 16px;
     line-height: 21px;
     align-self: flex-start;
@@ -162,7 +162,7 @@
     background-color: $dark-gray;
     margin-top: 16px;
     color: $white;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 16px;
     padding: 0px 20px;
   }
@@ -384,7 +384,7 @@
     margin-bottom: 23px;
     align-self: flex-start;
     color: $scorpion;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 16px;
     line-height: 21px;
     font-weight: bold;
@@ -396,7 +396,7 @@
     margin-bottom: 23px;
     align-self: flex-end;
     color: $scorpion;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 16px;
     line-height: 21px;
     font-weight: normal;
@@ -482,7 +482,7 @@
     margin-left: 16px;
     padding: 0px;
     text-transform: uppercase;
-    font-family: Roboto;
+    font-family: Overpass;
   }
 }
 
@@ -558,7 +558,7 @@
 
   &__input-label {
     color: $dim-gray;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 16px;
     line-height: 21px;
     align-self: flex-start;
@@ -571,7 +571,7 @@
     border-radius: 4px;
     background-color: $dark-gray;
     color: $white;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 16px;
     line-height: 21px;
     margin-top: 15px;
diff --git a/ui/app/css/itcss/components/newui-sections.scss b/ui/app/css/itcss/components/newui-sections.scss
index 1aaaae4f..8ff53723 100644
--- a/ui/app/css/itcss/components/newui-sections.scss
+++ b/ui/app/css/itcss/components/newui-sections.scss
@@ -12,7 +12,7 @@ $wallet-view-bg: $muddy-gray;
 .main-container {
   // position: absolute;
   z-index: $main-container-z-index;
-  font-family: Roboto;
+  font-family: Overpass;
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
@@ -67,7 +67,7 @@ $wallet-view-bg: $muddy-gray;
   &__keyring-label {
     height: 50px;
     color: $dusty-gray;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 10px;
     text-align: right;
     padding: 17px 20px 0;
@@ -279,7 +279,7 @@ $wallet-view-bg: $muddy-gray;
 
 .unlock-screen-container {
   z-index: $main-container-z-index;
-  font-family: Roboto;
+  font-family: Overpass;
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/ui/app/css/itcss/components/request-signature.scss b/ui/app/css/itcss/components/request-signature.scss
index 0677cad1..99268fbe 100644
--- a/ui/app/css/itcss/components/request-signature.scss
+++ b/ui/app/css/itcss/components/request-signature.scss
@@ -8,7 +8,7 @@
     flex-flow: column nowrap;
     z-index: 25;
     align-items: center;
-    font-family: Roboto;
+    font-family: Overpass;
     position: relative;
     height: 100%;
     @media screen and (max-width: $break-small) {
@@ -54,7 +54,7 @@
   }
   &__header__text {
     color: #5B5D67;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 22px;
     line-height: 29px;
     z-index: 3;
@@ -118,7 +118,7 @@
     height: 48px;
     width: 240px;
     color: $tundora;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 18px;
     line-height: 24px;
     text-align: center;
@@ -156,7 +156,7 @@
   &__row-title {
     width: 80px;
     color: $dusty-gray;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 16px;
     line-height: 22px;
     margin-top: 12px;
@@ -165,7 +165,7 @@
   }
   &__row-value {
     color: $scorpion;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 14px;
     line-height: 19px;
     width: 100%;
diff --git a/ui/app/css/itcss/components/sections.scss b/ui/app/css/itcss/components/sections.scss
index 00a776c5..34118967 100644
--- a/ui/app/css/itcss/components/sections.scss
+++ b/ui/app/css/itcss/components/sections.scss
@@ -261,7 +261,7 @@ textarea.twelve-word-phrase {
 
 /* Info screen */
 .info-gray {
-  font-family: Roboto;
+  font-family: Overpass;
   text-transform: uppercase;
   color: $silver-chalice;
 }
@@ -271,7 +271,7 @@ textarea.twelve-word-phrase {
 }
 
 .info {
-  font-family: Roboto, Arial;
+  font-family: Overpass, Arial;
   padding-bottom: 10px;
   display: inline-block;
   padding-left: 5px;
@@ -320,7 +320,7 @@ textarea.twelve-word-phrase {
 }
 
 .buy-inputs {
-  font-family: Roboto;
+  font-family: Overpass;
   font-size: 13px;
   height: 20px;
   background: transparent;
@@ -364,7 +364,7 @@ textarea.twelve-word-phrase {
 }
 
 .ex-coins {
-  font-family: Roboto;
+  font-family: Overpass;
   text-transform: uppercase;
   text-align: center;
   font-size: 33px;
@@ -375,7 +375,7 @@ textarea.twelve-word-phrase {
 }
 
 .marketinfo {
-  font-family: Roboto;
+  font-family: Overpass;
   color: $silver-chalice;
   font-size: 15px;
   line-height: 17px;
diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss
index c6f74a9c..1ba8c7ab 100644
--- a/ui/app/css/itcss/components/send.scss
+++ b/ui/app/css/itcss/components/send.scss
@@ -2,7 +2,7 @@
   display: flex;
   flex-flow: column nowrap;
   z-index: 25;
-  font-family: Roboto;
+  font-family: Overpass;
 
   @media screen and (max-width: $break-small) {
     width: 100%;
@@ -76,7 +76,7 @@
     margin: 4px 0 20px;
     font-size: 16px;
     line-height: 22.4px;
-    font-family: Roboto;
+    font-family: Overpass;
   }
 
   .send-screen-gas-input {
@@ -316,7 +316,7 @@
   display: flex;
   flex-flow: column nowrap;
   z-index: 25;
-  font-family: Roboto;
+  font-family: Overpass;
 
   &__content {
     width: 498px;
@@ -408,7 +408,7 @@
     flex-flow: column nowrap;
     z-index: 25;
     align-items: center;
-    font-family: Roboto;
+    font-family: Overpass;
     position: relative;
 
     @media screen and (max-width: $break-small) {
@@ -573,7 +573,7 @@
 
   &__form-label {
     color: $white;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 16px;
     line-height: 22px;
     width: 88px;
@@ -587,7 +587,7 @@
     border: 1px solid $geyser;
     border-radius: 4px;
     background-color: $dark-gray;
-    font-family: Roboto;
+    font-family: Overpass;
     line-height: 16px;
     font-size: 12px;
     color: $white;
@@ -659,7 +659,7 @@
       background-color: $dark-gray;
       color: $white;
       padding: 10px;
-      font-family: Roboto;
+      font-family: Overpass;
       font-size: 16px;
       line-height: 21px;
     }
@@ -667,7 +667,7 @@
 
   &__amount-max {
     color: $dexon-purple;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 12px;
     left: 8px;
     border: none;
@@ -735,7 +735,7 @@
     border-radius: 4px;
     background-color: $dark-gray;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
-    font-family: Roboto;
+    font-family: Overpass;
     display: flex;
     flex-flow: column;
 
@@ -862,7 +862,7 @@
     &__title {
       height: 26px;
       color: $white;
-      font-family: Roboto;
+      font-family: Overpass;
       font-size: 20px;
       line-height: 26px;
       margin-top: 17px;
@@ -872,7 +872,7 @@
       height: 38px;
       width: 314px;
       color: $dim-gray;
-      font-family: Roboto;
+      font-family: Overpass;
       font-size: 14px;
       line-height: 19px;
       margin-top: 17px;
@@ -965,7 +965,7 @@
   font-size: 1em;
   font-size: 14px;
   color: #2f9ae0;
-  font-family: Roboto;
+  font-family: Overpass;
 }
 
 .sliders-icon {
diff --git a/ui/app/css/itcss/components/token-list.scss b/ui/app/css/itcss/components/token-list.scss
index 235f551b..54dcf5eb 100644
--- a/ui/app/css/itcss/components/token-list.scss
+++ b/ui/app/css/itcss/components/token-list.scss
@@ -117,7 +117,7 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
 
   &__option {
     color: $white;
-    font-family: Roboto;
+    font-family: Overpass;
     font-size: 16px;
     line-height: 21px;
     text-align: center;
diff --git a/ui/app/css/itcss/components/transaction-list.scss b/ui/app/css/itcss/components/transaction-list.scss
index 3435353d..b005aa2b 100644
--- a/ui/app/css/itcss/components/transaction-list.scss
+++ b/ui/app/css/itcss/components/transaction-list.scss
@@ -30,7 +30,7 @@
     align-self: center;
     font-size: 12px;
     color: $dusty-gray;
-    font-family: Roboto;
+    font-family: Overpass;
     text-transform: uppercase;
   }
 }
@@ -175,7 +175,7 @@
 .tx-list-date {
   color: $dusty-gray;
   font-size: 12px;
-  font-family: Roboto;
+  font-family: Overpass;
 }
 
 .tx-list-identicon-wrapper {
diff --git a/ui/app/css/itcss/components/welcome-screen.scss b/ui/app/css/itcss/components/welcome-screen.scss
index 59f5308f..5504e298 100644
--- a/ui/app/css/itcss/components/welcome-screen.scss
+++ b/ui/app/css/itcss/components/welcome-screen.scss
@@ -3,7 +3,7 @@
   flex-flow: column;
   justify-content: center;
   align-items: center;
-  font-family: Roboto;
+  font-family: Overpass;
   font-weight: 400;
   width: 100%;
   flex: 1 0 auto;