diff --git a/src/panels/profile/ha-long-lived-access-token-dialog.ts b/src/panels/profile/ha-long-lived-access-token-dialog.ts
index 6c526b70d9..ad940ccc0a 100644
--- a/src/panels/profile/ha-long-lived-access-token-dialog.ts
+++ b/src/panels/profile/ha-long-lived-access-token-dialog.ts
@@ -1,15 +1,7 @@
-import {
-  css,
-  CSSResult,
-  customElement,
-  html,
-  internalProperty,
-  LitElement,
-  property,
-  TemplateResult,
-} from "lit-element";
 import "@material/mwc-button";
 import "@polymer/paper-input/paper-input";
+import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
+import { customElement, property, state } from "lit/decorators";
 import { fireEvent } from "../../common/dom/fire_event";
 import { createCloseHeading } from "../../components/ha-dialog";
 import { haStyleDialog } from "../../resources/styles";
@@ -22,10 +14,9 @@ const QR_LOGO_URL = "/static/icons/favicon-192x192.png";
 export class HaLongLivedAccessTokenDialog extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ attribute: false })
-  private _params?: LongLivedAccessTokenDialogParams;
+  @state() private _params?: LongLivedAccessTokenDialogParams;
 
-  @internalProperty() private _qrCode?: TemplateResult;
+  @state() private _qrCode?: TemplateResult;
 
   public showDialog(params: LongLivedAccessTokenDialogParams): void {
     this._params = params;
@@ -96,7 +87,7 @@ export class HaLongLivedAccessTokenDialog extends LitElement {
     this._qrCode = html`<img src=${canvas.toDataURL()}></img>`;
   }
 
-  static get styles(): CSSResult[] {
+  static get styles(): CSSResultGroup {
     return [
       haStyleDialog,
       css`