diff --git a/app/src/app/ui/theme.scss b/app/src/app/ui/theme.scss index dac64b6e8..aad3db3a6 100644 --- a/app/src/app/ui/theme.scss +++ b/app/src/app/ui/theme.scss @@ -60,6 +60,7 @@ $contrast-gray: #646569; .mat-icon-button, .mat-button, .mat-checkbox, .mat-raised-button { &:focus { @include rounded-border($focus-color); + left: 6px; } .mat-ripple-element { display: none; @@ -90,6 +91,9 @@ $contrast-gray: #646569; } .mat-menu-item { + .mat-menu-ripple { + display: none; + } &:focus { @include rounded-border($focus-color); background-color: white; @@ -97,11 +101,6 @@ $contrast-gray: #646569; &.cdk-keyboard-focused:not([disabled]) { background-color: white; } - &.cdk-focused { - .mat-menu-ripple { - display: none; - } - } } .mat-option {