diff --git a/hassio/src/addon-view/hassio-addon-config.js b/hassio/src/addon-view/hassio-addon-config.js
index a4061b88997d..ee016a16deec 100644
--- a/hassio/src/addon-view/hassio-addon-config.js
+++ b/hassio/src/addon-view/hassio-addon-config.js
@@ -45,6 +45,7 @@ class HassioAddonConfig extends PolymerElement {
         <div class="card-actions">
           <ha-call-api-button
             class="warning"
+            confirmation="Are you sure you want to reset the configuration?"
             hass="[[hass]]"
             path="hassio/addons/[[addonSlug]]/options"
             data="[[resetData]]"
diff --git a/src/components/buttons/ha-call-api-button.js b/src/components/buttons/ha-call-api-button.js
index 59c7c8e748f5..c4473b603a5b 100644
--- a/src/components/buttons/ha-call-api-button.js
+++ b/src/components/buttons/ha-call-api-button.js
@@ -2,6 +2,7 @@ import { LitElement, html } from "lit-element";
 
 import "./ha-progress-button";
 import { fireEvent } from "../../common/dom/fire_event";
+import { showConfirmationDialog } from "../../dialogs/confirmation/show-dialog-confirmation";
 
 class HaCallApiButton extends LitElement {
   render() {
@@ -31,6 +32,7 @@ class HaCallApiButton extends LitElement {
       method: String,
       data: {},
       disabled: Boolean,
+      confirmation: String,
     };
   }
 
@@ -38,7 +40,7 @@ class HaCallApiButton extends LitElement {
     return this.renderRoot.querySelector("ha-progress-button");
   }
 
-  async _buttonTapped() {
+  async _callApi() {
     this.progress = true;
     const eventData = {
       method: this.method,
@@ -61,6 +63,17 @@ class HaCallApiButton extends LitElement {
 
     fireEvent(this, "hass-api-called", eventData);
   }
+
+  async _buttonTapped() {
+    if (this.confirmation) {
+      showConfirmationDialog(this, {
+        text: this.confirmation,
+        confirm: async () => await this._callApi(),
+      });
+    } else {
+      await this._callApi();
+    }
+  }
 }
 
 customElements.define("ha-call-api-button", HaCallApiButton);