diff --git a/apps/block_scout_web/assets/css/_mixins.scss b/apps/block_scout_web/assets/css/_mixins.scss index a5c3836095..9b00a92e38 100644 --- a/apps/block_scout_web/assets/css/_mixins.scss +++ b/apps/block_scout_web/assets/css/_mixins.scss @@ -73,6 +73,7 @@ } @mixin btn-full($bg-color: $primary, $text-color: #fff) { + -webkit-appearance: none !important; align-items: center; background-color: $bg-color; border-radius: 2px; @@ -121,6 +122,7 @@ } @mixin btn-line($bg-color: #fff, $text-color: $secondary) { + -webkit-appearance: none !important; align-items: center; background-color: $bg-color; border-radius: 2px; diff --git a/apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss b/apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss index f076f14dff..99a6058bf3 100644 --- a/apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss +++ b/apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss @@ -1,13 +1,15 @@ $btn-dropdown-line-bg: #fff !default; -$btn-dropdown-line-color: $primary !default; +$btn-dropdown-line-color: #333 !default; .btn-dropdown-line { - @include btn-line($btn-dropdown-line-bg, $btn-dropdown-line-color); - outline: none !important; - color: #333; - border-color: #e2e5ec; - &:hover { - background-color: transparent; - color: #333; - } -} \ No newline at end of file + @include btn-line($btn-dropdown-line-bg, $btn-dropdown-line-color); + border-color: $btn-dropdown-line-color; + color: $btn-dropdown-line-color; + outline: none !important; + + &:hover { + background-color: $btn-dropdown-line-color; + border-color: $btn-dropdown-line-color; + color: $btn-dropdown-line-bg; + } +}