diff --git a/css/backoffice/components/_popover-menu-item.scss b/css/backoffice/components/_popover-menu-item.scss index 0fafce5ed..b0bcf2289 100644 --- a/css/backoffice/components/_popover-menu-item.scss +++ b/css/backoffice/components/_popover-menu-item.scss @@ -19,10 +19,11 @@ /* SCSS variables */ $ibo-popover-menu--item--text-color: $ibo-color-grey-900 !default; $ibo-popover-menu--item--hyperlink-color: $ibo-popover-menu--item--text-color !default; +$ibo-popover-menu--item--hover-background-color: $ibo-color-grey-200 !default; -$ibo-popover-menu--separator--padding: 0; -$ibo-popover-menu--separator--margin: 0; -$ibo-popover-menu--separator--background-color: $ibo-color-grey-200; +$ibo-popover-menu--separator--padding: 0 !default; +$ibo-popover-menu--separator--margin: 0 !default; +$ibo-popover-menu--separator--background-color: $ibo-color-grey-200 !default; .ibo-popover-menu--item{ padding: 12px 24px 12px 16px; @@ -32,7 +33,7 @@ $ibo-popover-menu--separator--background-color: $ibo-color-grey-200; color: $ibo-popover-menu--item--text-color; } &:hover{ - background-color: var(--ibo-color-grey-200); + background-color: $ibo-popover-menu--item--hover-background-color; color: inherit; } &.ibo-popover-menu--separator{