diff --git a/src/vacuum-card.js b/src/vacuum-card.js
index f6dbe5a0..f8748e51 100755
--- a/src/vacuum-card.js
+++ b/src/vacuum-card.js
@@ -388,35 +388,31 @@ class VacuumCard extends LitElement {
             this.hass.callService(domain, name, service_data);
           };
           return html`<ha-icon-button
-            icon="${icon}"
             title="${name}"
             @click="${execute}"
-          ></ha-icon-button>`;
+          ><ha-icon icon="${icon}"></ha-icon></ha-icon-button>`;
         });
 
         const dockButton = html`
           <ha-icon-button
-            icon="hass:home-map-marker"
             title="${localize('common.return_to_base')}"
             @click="${() => this.callService('return_to_base')}"
-          >
+          ><ha-icon icon="hass:home-map-marker"></ha-icon>
           </ha-icon-button>
         `;
 
         return html`
           <div class="toolbar">
             <ha-icon-button
-              icon="hass:play"
               title="${localize('common.start')}"
               @click="${() => this.callService('start')}"
-            >
+            ><ha-icon icon="hass:play"></ha-icon>
             </ha-icon-button>
 
             <ha-icon-button
-              icon="mdi:map-marker"
               title="${localize('common.locate')}"
               @click="${() => this.callService('locate', false)}"
-            >
+            ><ha-icon icon="mdi:map-marker"></ha-icon>
             </ha-icon-button>
 
             ${state === 'idle' ? dockButton : ''}