diff --git a/packages/fiori/src/themes/ShellBar.css b/packages/fiori/src/themes/ShellBar.css index 1f3decaf1a72..08d5d53c9741 100644 --- a/packages/fiori/src/themes/ShellBar.css +++ b/packages/fiori/src/themes/ShellBar.css @@ -99,7 +99,9 @@ } .ui5-shellbar-action-button:hover { - color: var(--sapShell_TextColor); + background: var(--sapShell_Hover_Background); + border-color: var(--sapButton_Lite_Hover_BorderColor); + color: var(--sapShell_InteractiveTextColor); } .ui5-shellbar-action-button[active] { diff --git a/packages/fiori/src/themes/ShellBarItem.css b/packages/fiori/src/themes/ShellBarItem.css index c1c7c21222df..1d72d8e4761a 100644 --- a/packages/fiori/src/themes/ShellBarItem.css +++ b/packages/fiori/src/themes/ShellBarItem.css @@ -9,7 +9,9 @@ } .ui5-shellbar-action-button:hover { - color: var(--sapShell_TextColor); + background: var(--sapShell_Hover_Background); + border-color: var(--sapButton_Lite_Hover_BorderColor); + color: var(--sapShell_InteractiveTextColor); } .ui5-shellbar-action-button[active] {