From 9f5756c9fa90cb470fe71073945e7986c59b9cd8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <joasoe@gmail.com>
Date: Fri, 19 Nov 2021 01:09:39 +0100
Subject: [PATCH] Use ha-formfield around backup checkbox (#10653)

---
 .../update-available-dashboard.ts                 | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/hassio/src/update-available/update-available-dashboard.ts b/hassio/src/update-available/update-available-dashboard.ts
index 201dca02a3..50aefd54da 100644
--- a/hassio/src/update-available/update-available-dashboard.ts
+++ b/hassio/src/update-available/update-available-dashboard.ts
@@ -16,6 +16,7 @@ import "../../../src/components/ha-button-menu";
 import "../../../src/components/ha-card";
 import "../../../src/components/ha-checkbox";
 import "../../../src/components/ha-expansion-panel";
+import "../../../src/components/ha-formfield";
 import "../../../src/components/ha-icon-button";
 import "../../../src/components/ha-markdown";
 import "../../../src/components/ha-settings-row";
@@ -171,19 +172,17 @@ class UpdateAvailableDashboard extends LitElement {
                   </div>
                   ${!["os", "supervisor"].includes(this._updateEntry)
                     ? html`
-                        <ha-settings-row>
+                        <ha-formfield
+                          .label=${this.supervisor.localize(
+                            "update_available.create_backup"
+                          )}
+                        >
                           <ha-checkbox
-                            slot="prefix"
                             .checked=${this._createBackup}
                             @click=${this._toggleBackup}
                           >
                           </ha-checkbox>
-                          <span slot="heading">
-                            ${this.supervisor.localize(
-                              "update_available.create_backup"
-                            )}
-                          </span>
-                        </ha-settings-row>
+                        </ha-formfield>
                       `
                     : ""}
                 `