From 4deee46864af91961c1f659ef7e514c4e113acdc Mon Sep 17 00:00:00 2001
From: jrobles98 <jose98_21@hotmail.com>
Date: Mon, 10 Oct 2022 16:53:52 +0200
Subject: [PATCH] Refactor css variable because of a typo in dialogs, no change
 in any behaviour (#14056)

---
 src/components/ha-dialog.ts                                     | 2 +-
 src/dialogs/more-info/ha-more-info-dialog.ts                    | 2 +-
 .../integration-panels/zha/dialog-zha-manage-zigbee-device.ts   | 2 +-
 src/resources/styles.ts                                         | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ha-dialog.ts b/src/components/ha-dialog.ts
index 3e8dba0946..f3995a7737 100644
--- a/src/components/ha-dialog.ts
+++ b/src/components/ha-dialog.ts
@@ -55,7 +55,7 @@ export class HaDialog extends DialogBase {
         flex: var(--primary-action-button-flex, unset);
       }
       .mdc-dialog__container {
-        align-items: var(--vertial-align-dialog, center);
+        align-items: var(--vertical-align-dialog, center);
       }
       .mdc-dialog__title {
         padding: 24px 24px 0 24px;
diff --git a/src/dialogs/more-info/ha-more-info-dialog.ts b/src/dialogs/more-info/ha-more-info-dialog.ts
index d47a02fbad..1568165a86 100644
--- a/src/dialogs/more-info/ha-more-info-dialog.ts
+++ b/src/dialogs/more-info/ha-more-info-dialog.ts
@@ -269,7 +269,7 @@ export class MoreInfoDialog extends LitElement {
         ha-dialog {
           --dialog-surface-position: static;
           --dialog-content-position: static;
-          --vertial-align-dialog: flex-start;
+          --vertical-align-dialog: flex-start;
         }
 
         ha-header-bar {
diff --git a/src/panels/config/integrations/integration-panels/zha/dialog-zha-manage-zigbee-device.ts b/src/panels/config/integrations/integration-panels/zha/dialog-zha-manage-zigbee-device.ts
index 5ccacb9d90..4104f9edda 100644
--- a/src/panels/config/integrations/integration-panels/zha/dialog-zha-manage-zigbee-device.ts
+++ b/src/panels/config/integrations/integration-panels/zha/dialog-zha-manage-zigbee-device.ts
@@ -234,7 +234,7 @@ class DialogZHAManageZigbeeDevice extends LitElement {
         ha-dialog {
           --dialog-surface-position: static;
           --dialog-content-position: static;
-          --vertial-align-dialog: flex-start;
+          --vertical-align-dialog: flex-start;
         }
 
         ha-header-bar {
diff --git a/src/resources/styles.ts b/src/resources/styles.ts
index 41c0b4ca76..96af5c42dc 100644
--- a/src/resources/styles.ts
+++ b/src/resources/styles.ts
@@ -336,7 +336,7 @@ export const haStyleDialog = css`
       );
       --mdc-dialog-min-height: 100%;
       --mdc-dialog-max-height: 100%;
-      --vertial-align-dialog: flex-end;
+      --vertical-align-dialog: flex-end;
       --ha-dialog-border-radius: 0px;
     }
   }