diff --git a/src/components/ha-button.ts b/src/components/ha-button.ts
index f991fca29c..5ccbcadd14 100644
--- a/src/components/ha-button.ts
+++ b/src/components/ha-button.ts
@@ -23,6 +23,9 @@ export class HaButton extends Button {
       .slot-container {
         overflow: var(--button-slot-container-overflow, visible);
       }
+      :host([destructive]) {
+        --mdc-theme-primary: var(--error-color);
+      }
     `,
   ];
 }
diff --git a/src/panels/developer-tools/assist/developer-tools-assist.ts b/src/panels/developer-tools/assist/developer-tools-assist.ts
index a5c923b287..a10e169ea2 100644
--- a/src/panels/developer-tools/assist/developer-tools-assist.ts
+++ b/src/panels/developer-tools/assist/developer-tools-assist.ts
@@ -1,4 +1,4 @@
-import { mdiDownload } from "@mdi/js";
+import { mdiDownload, mdiTrashCan } from "@mdi/js";
 import { dump } from "js-yaml";
 import type { CSSResultGroup } from "lit";
 import { LitElement, css, html, nothing } from "lit";
@@ -162,6 +162,10 @@ class HaPanelDevAssist extends SubscribeMixin(LitElement) {
         ${this._results.length
           ? html`
               <div class="result-toolbar">
+                <ha-button outlined @click=${this._clear} destructive>
+                  <ha-svg-icon slot="icon" .path=${mdiTrashCan}></ha-svg-icon>
+                  ${this.hass.localize("ui.common.clear")}
+                </ha-button>
                 <ha-button outlined @click=${this._download}>
                   <ha-svg-icon slot="icon" .path=${mdiDownload}></ha-svg-icon>
                   ${this.hass.localize(
@@ -221,6 +225,10 @@ class HaPanelDevAssist extends SubscribeMixin(LitElement) {
     );
   }
 
+  private _clear() {
+    this._results = [];
+  }
+
   static get styles(): CSSResultGroup {
     return [
       haStyle,