diff --git a/core/profiles/demo_umami/themes/umami/css/components/navigation/toolbar/toolbar.css b/core/profiles/demo_umami/themes/umami/css/components/navigation/toolbar/toolbar.css
new file mode 100644
index 0000000000000000000000000000000000000000..bd04faee122eac78bf768fbb4fea461594f05da7
--- /dev/null
+++ b/core/profiles/demo_umami/themes/umami/css/components/navigation/toolbar/toolbar.css
@@ -0,0 +1,14 @@
+/**
+ * @file
+ * Visual styles for toolbar.
+ *
+ * Our global styling from base.css is causing the background color of hovered
+ * <a> tags to apply to the toolbar as well. This file is used to reset that.
+ */
+
+.toolbar-item:hover,
+.toolbar-item:focus,
+.toolbar-tray a:hover,
+.toolbar-tray a:focus {
+  background-color: inherit;
+}
diff --git a/core/profiles/demo_umami/themes/umami/umami.libraries.yml b/core/profiles/demo_umami/themes/umami/umami.libraries.yml
index b0afce0db956d8fb2795c72c21be8bebca1d1ff0..9c4b08dc22dd54b2805c396af04b23460e10c7e0 100644
--- a/core/profiles/demo_umami/themes/umami/umami.libraries.yml
+++ b/core/profiles/demo_umami/themes/umami/umami.libraries.yml
@@ -25,6 +25,7 @@ global:
       css/components/navigation/menu-account/menu-account.css: {}
       css/components/navigation/skip-link/skip-link.css: {}
       css/components/navigation/tabs/tabs.css: {}
+      css/components/navigation/toolbar/toolbar.css: {}
       css/components/navigation/breadcrumbs/breadcrumbs.css: {}
       css/components/regions/bottom/bottom.css: {}
       css/components/regions/footer/footer.css: {}