diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/backoffice-frame/backoffice-header.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/backoffice-frame/backoffice-header.element.ts index f27e0a9d5d..6d66febbe2 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/backoffice-frame/backoffice-header.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/backoffice-frame/backoffice-header.element.ts @@ -26,6 +26,7 @@ export class UmbBackofficeHeader extends LitElement { --uui-button-padding-top-factor: 1; --uui-button-padding-bottom-factor: 0.5; margin-right: var(--uui-size-space-2); + --uui-button-background-color: transparent; } #logo img { diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/header-app/header-app-button.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/header-app/header-app-button.element.ts index be8e42c548..2095d825fd 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/header-app/header-app-button.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/header-app/header-app-button.element.ts @@ -6,12 +6,12 @@ import { ManifestHeaderApp } from '@umbraco-cms/extensions-registry'; @customElement('umb-header-app-button') export class UmbHeaderAppButton extends LitElement { - static styles: CSSResultGroup = [ UUITextStyles, css` uui-button { font-size: 18px; + --uui-button-background-color: transparent; } `, ]; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/users/current-user/current-user-header-app.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/users/current-user/current-user-header-app.element.ts index d52ca87f5e..1c2112fbba 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/users/current-user/current-user-header-app.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/users/current-user/current-user-header-app.element.ts @@ -13,6 +13,7 @@ export class UmbCurrentUserHeaderApp extends UmbLitElement { css` uui-button { font-size: 14px; + --uui-button-background-color: transparent; } `, ];