diff --git a/modules/ui/src/app/app.component.scss b/modules/ui/src/app/app.component.scss
index 8d5e82cca..6805164de 100644
--- a/modules/ui/src/app/app.component.scss
+++ b/modules/ui/src/app/app.component.scss
@@ -105,8 +105,13 @@ $nav-width: 96px;
   min-width: 24px;
 }
 
+.app-toolbar-button-help-tips {
+  display: none;
+}
+
 .app-sidebar-button-active,
 :host:has(app-help-tip) .app-toolbar-button-help-tips {
+  display: block;
   .material-symbols-outlined {
     font-variation-settings:
       'FILL' 1,
diff --git a/modules/ui/src/styles.scss b/modules/ui/src/styles.scss
index 7c505a8d4..4d086dfdc 100644
--- a/modules/ui/src/styles.scss
+++ b/modules/ui/src/styles.scss
@@ -208,6 +208,7 @@ body {
 
 .app-toolbar-button.app-sidebar-button-active,
 body:has(app-help-tip) .app-toolbar-button-help-tips {
+  display: block;
   .mat-mdc-button-persistent-ripple::before {
     opacity: 1;
     background: colors.$light-grey;