diff --git a/core/modules/contextual/css/contextual.toolbar.css b/core/modules/contextual/css/contextual.toolbar.css
index 729d664793cef689d229418a91e04ebd3ae432ba..2a91c26815d26ec89391053c5bb5ec3336455981 100644
--- a/core/modules/contextual/css/contextual.toolbar.css
+++ b/core/modules/contextual/css/contextual.toolbar.css
@@ -12,6 +12,7 @@
 }
 .toolbar .toolbar-bar .contextual-toolbar-tab .toolbar-item {
   margin: 0;
+  background-color: #0f0f0f;
 }
 .toolbar .toolbar-bar .contextual-toolbar-tab .toolbar-item.is-active {
   background-image: linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
diff --git a/core/modules/tour/tour.module b/core/modules/tour/tour.module
index e6bbd2ae63a04cfe97167ab6d8b6047ecb9e6680..13b4c0d5a49977351ea4af860668f277315de411 100644
--- a/core/modules/tour/tour.module
+++ b/core/modules/tour/tour.module
@@ -50,9 +50,9 @@ function tour_toolbar() {
     'tab' => [
       '#type' => 'html_tag',
       '#tag' => 'button',
-      '#value' => t('Tour'),
+      '#value' => t('Take a tour of this page'),
       '#attributes' => [
-        'class' => ['toolbar-icon', 'toolbar-icon-help'],
+        'class' => ['toolbar-icon', 'toolbar-icon-help', 'button--primary'],
         'aria-pressed' => 'false',
         'type' => 'button',
       ],
diff --git a/core/themes/claro/css/theme/toolbar.icons.theme.css b/core/themes/claro/css/theme/toolbar.icons.theme.css
index 8d8488ec1db97273b6b8661cfcdf5d7c173b997a..dedb6cf525095f7d7fe9e0dec0747059371fdc5e 100644
--- a/core/themes/claro/css/theme/toolbar.icons.theme.css
+++ b/core/themes/claro/css/theme/toolbar.icons.theme.css
@@ -45,7 +45,6 @@
 
 .toolbar button.toolbar-icon {
   border: 0;
-  background-color: transparent;
   font-size: 1em;
 }
 
diff --git a/core/themes/claro/css/theme/toolbar.icons.theme.pcss.css b/core/themes/claro/css/theme/toolbar.icons.theme.pcss.css
index 371d729f1df693f8ff26d601633fa46461580558..ffaf69519c4549bfd94818c09aff237505d8997d 100644
--- a/core/themes/claro/css/theme/toolbar.icons.theme.pcss.css
+++ b/core/themes/claro/css/theme/toolbar.icons.theme.pcss.css
@@ -34,7 +34,6 @@
 }
 .toolbar button.toolbar-icon {
   border: 0;
-  background-color: transparent;
   font-size: 1em;
 }
 .toolbar .toolbar-menu ul .toolbar-icon {