Fix show disabled integrations button (#27151)

* Fix show disabled integrations button

* fix tsc

src/panels/config/integrations/ha-config-integrations-dashboard.ts

@@ -17,11 +17,11 @@ import { navigate } from "../../../common/navigate";
 import { caseInsensitiveStringCompare } from "../../../common/string/compare";
 import { extractSearchParam } from "../../../common/url/search-params";
 import { nextRender } from "../../../common/util/render-status";
+import "../../../components/ha-button";
 import "../../../components/ha-button-menu";
 import "../../../components/ha-check-list-item";
 import "../../../components/ha-checkbox";
 import "../../../components/ha-fab";
-import "../../../components/ha-button";
 import "../../../components/ha-icon-button";
 import "../../../components/ha-svg-icon";
 import "../../../components/search-input";
@@ -478,10 +478,7 @@ class HaConfigIntegrationsDashboard extends KeyboardShortcutMixin(
                 </search-input-outlined>
                 <div class="filters">
                   ${!this._showDisabled && disabledConfigEntries.length
-                    ? html`<div
-                        class="active-filters"
-                        @click=${this._preventDefault}
-                      >
+                    ? html`<div class="active-filters">
                         ${this.hass.localize(
                           "ui.panel.config.integrations.disable.disabled_integrations",
                           { number: disabledConfigEntries.length }
@@ -496,7 +493,7 @@ class HaConfigIntegrationsDashboard extends KeyboardShortcutMixin(
                           )}
                         </ha-button>
                       </div>`
-                    : ""}
+                    : nothing}
                   ${filterMenu}
                 </div>
               </div>
@@ -668,10 +665,6 @@ class HaConfigIntegrationsDashboard extends KeyboardShortcutMixin(
     `;
   }
 
-  private _preventDefault(ev) {
-    ev.preventDefault();
-  }
-
   private async _scanUSBDevices() {
     if (!isComponentLoaded(this.hass, "usb")) {
       return;
@@ -1036,13 +1029,10 @@ class HaConfigIntegrationsDashboard extends KeyboardShortcutMixin(
         }
         .active-filters {
           color: var(--primary-text-color);
-          position: relative;
           display: flex;
           align-items: center;
-          padding-top: 2px;
-          padding-bottom: 2px;
-          padding-right: 2px;
-          padding-left: 8px;
+          padding: 2px 2px 2px 8px;
+          line-height: 1;
           padding-inline-start: 8px;
           padding-inline-end: 2px;
           font-size: var(--ha-font-size-m);
@@ -1050,6 +1040,8 @@ class HaConfigIntegrationsDashboard extends KeyboardShortcutMixin(
           cursor: initial;
           direction: var(--direction);
           height: 32px;
+          background-color: var(--ha-color-fill-primary-normal-resting);
+          border-radius: var(--ha-border-radius-sm);
         }
         .active-filters ha-button {
           margin-left: 8px;
@@ -1057,17 +1049,6 @@ class HaConfigIntegrationsDashboard extends KeyboardShortcutMixin(
           margin-inline-end: initial;
           direction: var(--direction);
         }
-        .active-filters::before {
-          background-color: var(--primary-color);
-          opacity: 0.12;
-          border-radius: 4px;
-          position: absolute;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          left: 0;
-          content: "";
-        }
         .badge {
           min-width: 20px;
           min-height: 20px;