diff --git a/src/panels/lovelace/editor/config-elements/hui-shopping-list-editor.ts b/src/panels/lovelace/editor/config-elements/hui-shopping-list-editor.ts
index 9436789449..9c355f9228 100644
--- a/src/panels/lovelace/editor/config-elements/hui-shopping-list-editor.ts
+++ b/src/panels/lovelace/editor/config-elements/hui-shopping-list-editor.ts
@@ -51,7 +51,7 @@ export class HuiShoppingListEditor
       <div class="card-config">
         ${!isComponentLoaded(this.hass, "shopping_list")
           ? html`
-              <ha-alert .alertType=${"error"}>
+              <ha-alert alert-type="error">
                 ${this.hass.localize(
                   "ui.panel.lovelace.editor.card.shopping-list.integration_not_loaded"
                 )}