diff --git a/src/panels/lovelace/editor/view-editor/hui-view-editor.ts b/src/panels/lovelace/editor/view-editor/hui-view-editor.ts
index ab670415a6..7bbf791059 100644
--- a/src/panels/lovelace/editor/view-editor/hui-view-editor.ts
+++ b/src/panels/lovelace/editor/view-editor/hui-view-editor.ts
@@ -60,9 +60,9 @@ export class HuiViewEditor extends LitElement {
 
   get _type(): string {
     if (!this._config) {
-      return "masonary";
+      return "masonry";
     }
-    return this._config.panel ? "panel" : this._config.type || "masonary";
+    return this._config.panel ? "panel" : this._config.type || "masonry";
   }
 
   set config(config: LovelaceViewConfig) {
@@ -125,7 +125,7 @@ export class HuiViewEditor extends LitElement {
             attr-for-selected="type"
             @iron-select=${this._typeChanged}
           >
-            ${["masonary", "sidebar", "panel"].map(
+            ${["masonry", "sidebar", "panel"].map(
               (type) => html`<paper-item .type=${type}>
                 ${this.hass.localize(
                   `ui.panel.lovelace.editor.edit_view.types.${type}`
@@ -167,7 +167,7 @@ export class HuiViewEditor extends LitElement {
       ...this._config,
     };
     delete newConfig.panel;
-    if (selected === "masonary") {
+    if (selected === "masonry") {
       delete newConfig.type;
     } else {
       newConfig.type = selected;
diff --git a/src/translations/en.json b/src/translations/en.json
index 0f66845244..e2439ad3c7 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -2946,7 +2946,7 @@
             },
             "type": "View type",
             "types": {
-              "masonary": "Masonary (default)",
+              "masonry": "Masonry (default)",
               "sidebar": "Sidebar",
               "panel": "Panel (1 card)"
             }