Fix background color of icon button

Bug: chromium:1183241
Change-Id: Ib6207e12c5504fe387b9d77f4e39819cd4507b02
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2763864
Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
Commit-Queue: Sigurd Schneider <sigurds@chromium.org>
diff --git a/front_end/ui/components/IconButton.ts b/front_end/ui/components/IconButton.ts
index ec0f202..e1616ce 100644
--- a/front_end/ui/components/IconButton.ts
+++ b/front_end/ui/components/IconButton.ts
@@ -74,11 +74,11 @@
           color: inherit;
           font-size: inherit;
           font-family: inherit;
+          background-color: var(--toolbar-bg-color);
         }
 
         .icon-button.with-click-handler {
           cursor: pointer;
-          background-color: var(--toolbar-bg-color);
           border: 1px solid var(--divider-color);
           border-radius: 2px;
         }