diff --git a/ui/app/components/app/gas-customization/gas-price-button-group/index.scss b/ui/app/components/app/gas-customization/gas-price-button-group/index.scss index a75ae39a5..2a2b7926c 100644 --- a/ui/app/components/app/gas-customization/gas-price-button-group/index.scss +++ b/ui/app/components/app/gas-customization/gas-price-button-group/index.scss @@ -34,7 +34,7 @@ display: flex; padding-top: 17px; border-radius: 4px; - border: 2px solid $spindle; + border-color: $spindle; background: $white; color: $scorpion; @@ -52,7 +52,7 @@ } .button-group__button--active { - border: 2px solid $primary-blue; + border-color: $primary-blue; color: $scorpion; i { @@ -222,10 +222,10 @@ .button-group__button--active { background: #f7fcff; - border: 2px solid #2c8bdc; + border-color: #2c8bdc; &:first-child { - border: 2px solid #2c8bdc; + border-color: #2c8bdc; } .button-check-wrapper { diff --git a/ui/app/components/app/home-notification/index.scss b/ui/app/components/app/home-notification/index.scss index dbb28f4b0..452681ac2 100644 --- a/ui/app/components/app/home-notification/index.scss +++ b/ui/app/components/app/home-notification/index.scss @@ -51,7 +51,7 @@ } & &__ignore-button { - border: 2px solid #6a737d; + border-color: #6a737d; box-sizing: border-box; border-radius: 6px; color: $white; @@ -75,7 +75,7 @@ } & &__accept-button { - border: 2px solid #6a737d; + border-color: #6a737d; box-sizing: border-box; border-radius: 6px; color: $white; diff --git a/ui/app/components/ui/button/buttons.scss b/ui/app/components/ui/button/buttons.scss index ed28645c6..864c64ada 100644 --- a/ui/app/components/ui/button/buttons.scss +++ b/ui/app/components/ui/button/buttons.scss @@ -39,7 +39,7 @@ $warning-light-orange: #f8b588; .btn-secondary { color: $Blue-500; - border: 2px solid $hover-secondary; + border: 1px solid $hover-secondary; background-color: $white; &:hover { @@ -60,7 +60,7 @@ $warning-light-orange: #f8b588; .btn-warning { color: $Orange-500; - border: 2px solid $hover-orange; + border: 1px solid $hover-orange; background-color: $white; &:hover { @@ -81,7 +81,7 @@ $warning-light-orange: #f8b588; .btn-danger { color: $Red-500; - border: 2px solid $hover-red; + border: 1px solid $hover-red; background-color: $white; &:hover { @@ -102,7 +102,7 @@ $warning-light-orange: #f8b588; .btn-danger-primary { color: $white; - border: 2px solid $Red-500; + border: 1px solid $Red-500; background-color: $Red-500; &:hover { @@ -125,7 +125,7 @@ $warning-light-orange: #f8b588; .btn-default { color: $Grey-500; - border: 2px solid $hover-default; + border: 1px solid $hover-default; &:hover { border-color: $Grey-500; @@ -145,7 +145,7 @@ $warning-light-orange: #f8b588; .btn-primary { color: $white; - border: 2px solid $Blue-500; + border: 1px solid $Blue-500; background-color: $Blue-500; &:hover { diff --git a/ui/app/components/ui/text-field/text-field.component.js b/ui/app/components/ui/text-field/text-field.component.js index 9e80e3bc8..558ce1478 100644 --- a/ui/app/components/ui/text-field/text-field.component.js +++ b/ui/app/components/ui/text-field/text-field.component.js @@ -61,7 +61,7 @@ const styles = { 'label + &': { marginTop: '9px', }, - border: '2px solid #BBC0C5', + border: '1px solid #BBC0C5', height: '48px', borderRadius: '6px', padding: '0 16px', diff --git a/ui/app/css/itcss/components/network.scss b/ui/app/css/itcss/components/network.scss index b7803ef7c..34f905587 100644 --- a/ui/app/css/itcss/components/network.scss +++ b/ui/app/css/itcss/components/network.scss @@ -7,7 +7,7 @@ } .network-component.pointer { - border: 2px solid $Grey-200; + border: 1px solid $Grey-200; border-radius: 82px; padding: 6px 3px; flex: 0 0 auto; diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss index 5aead652c..49fcb3955 100644 --- a/ui/app/css/itcss/components/send.scss +++ b/ui/app/css/itcss/components/send.scss @@ -784,7 +784,7 @@ width: 56px; height: 20px; position: absolute; - border: 2px solid #b0d7f2; + border: 1px solid #b0d7f2; border-radius: 6px; cursor: pointer; top: 0; @@ -804,7 +804,7 @@ input:checked + &__button { background-color: $primary-blue; - border: 2px solid $primary-blue; + border: 1px solid $primary-blue; color: #fff; } } diff --git a/ui/app/pages/add-token/token-list/index.scss b/ui/app/pages/add-token/token-list/index.scss index 2ed5ece85..185f91d53 100644 --- a/ui/app/pages/add-token/token-list/index.scss +++ b/ui/app/pages/add-token/token-list/index.scss @@ -20,15 +20,15 @@ box-sizing: border-box; border-radius: 10px; cursor: pointer; - border: 2px solid transparent; + border: 1px solid transparent; position: relative; &:hover { - border: 2px solid rgba($malibu-blue, 0.5); + border-color: rgba($malibu-blue, 0.5); } &--selected { - border: 2px solid $malibu-blue !important; + border-color: $malibu-blue !important; } &--disabled { diff --git a/ui/app/pages/create-account/connect-hardware/index.scss b/ui/app/pages/create-account/connect-hardware/index.scss index eca2068f3..b9eb4c8f8 100644 --- a/ui/app/pages/create-account/connect-hardware/index.scss +++ b/ui/app/pages/create-account/connect-hardware/index.scss @@ -45,7 +45,7 @@ &__btn { background: #fbfbfb; - border: 2px solid #e5e5e5; + border: 1px solid #e5e5e5; height: 100px; width: 150px; flex: 1; @@ -61,7 +61,7 @@ } &__btn.selected { - border: 2px solid #00a8ee; + border-color: #00a8ee; width: 149px; } diff --git a/ui/app/pages/settings/contact-list-tab/index.scss b/ui/app/pages/settings/contact-list-tab/index.scss index ef91281da..f15b9c485 100644 --- a/ui/app/pages/settings/contact-list-tab/index.scss +++ b/ui/app/pages/settings/contact-list-tab/index.scss @@ -54,7 +54,7 @@ &__input { @include H4; - border: 2px solid $Grey-200; + border: 1px solid $Grey-200; border-radius: 6px; color: $Grey-800; padding: 0.875rem 1rem; @@ -230,7 +230,7 @@ justify-content: center; align-items: center; border-radius: 50%; - border-width: 2px; + border-width: 1px; background: $primary-blue; margin-right: 5px; cursor: pointer; diff --git a/ui/app/pages/swaps/searchable-item-list/index.scss b/ui/app/pages/swaps/searchable-item-list/index.scss index 73eb5b09d..76b5e0578 100644 --- a/ui/app/pages/swaps/searchable-item-list/index.scss +++ b/ui/app/pages/swaps/searchable-item-list/index.scss @@ -72,7 +72,7 @@ } &--selected { - border: 2px solid $malibu-blue !important; + border: 1px solid $malibu-blue !important; } &--disabled { diff --git a/ui/app/pages/swaps/select-quote-popover/index.scss b/ui/app/pages/swaps/select-quote-popover/index.scss index 3abd550a3..3786fe9cf 100644 --- a/ui/app/pages/swaps/select-quote-popover/index.scss +++ b/ui/app/pages/swaps/select-quote-popover/index.scss @@ -83,7 +83,7 @@ border: none; &:hover { - border: 2px solid $Blue-500; + border: 1px solid $Blue-500; width: 101%; padding-right: 11px; padding-left: 19.5px;