diff --git a/src/ha/panels/lovelace/common/directives/action-handler-directive.ts b/src/ha/panels/lovelace/common/directives/action-handler-directive.ts
index f2f0cf8f4..739452da1 100644
--- a/src/ha/panels/lovelace/common/directives/action-handler-directive.ts
+++ b/src/ha/panels/lovelace/common/directives/action-handler-directive.ts
@@ -1,6 +1,6 @@
 import type { Ripple } from "@material/mwc-ripple";
 import { noChange } from "lit";
-import { AttributePart, directive, Directive, DirectiveParameters } from "lit/directive";
+import { AttributePart, directive, Directive, DirectiveParameters } from "lit/directive.js";
 import { fireEvent } from "../../../../common/dom/fire_event";
 import { deepEqual } from "../../../../common/util/deep-equal";
 import { ActionHandlerDetail, ActionHandlerOptions } from "../../../../data/lovelace";
@@ -219,8 +219,6 @@ class ActionHandler extends HTMLElement implements ActionHandler {
     }
 }
 
-customElements.define("action-handler", ActionHandler);
-
 const getActionHandler = (): ActionHandler => {
     const body = document.body;
     if (body.querySelector("action-handler")) {