From aabb8ea16f5135244ff7b3114332d0345e23647a Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Thu, 28 Oct 2021 16:03:08 +0200
Subject: [PATCH] Fix camera more info pre load toggle (#10442)

---
 src/dialogs/more-info/controls/more-info-camera.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/dialogs/more-info/controls/more-info-camera.ts b/src/dialogs/more-info/controls/more-info-camera.ts
index 6d265e5b8d..65f2459f71 100644
--- a/src/dialogs/more-info/controls/more-info-camera.ts
+++ b/src/dialogs/more-info/controls/more-info-camera.ts
@@ -20,6 +20,7 @@ import {
   updateCameraPrefs,
 } from "../../../data/camera";
 import type { HomeAssistant } from "../../../types";
+import "../../../components/ha-formfield";
 
 class MoreInfoCamera extends LitElement {
   @property({ attribute: false }) public hass?: HomeAssistant;
@@ -54,12 +55,11 @@ class MoreInfoCamera extends LitElement {
       ></ha-camera-stream>
       ${this._cameraPrefs
         ? html`
-            <ha-formfield>
+            <ha-formfield label="Preload stream">
               <ha-checkbox
                 .checked=${this._cameraPrefs.preload_stream}
                 @change=${this._handleCheckboxChanged}
               >
-                Preload stream
               </ha-checkbox>
             </ha-formfield>
           `
@@ -123,12 +123,12 @@ class MoreInfoCamera extends LitElement {
         display: block;
         position: relative;
       }
-      ha-checkbox {
+      ha-formfield {
         position: absolute;
         top: 0;
         right: 0;
         background-color: var(--secondary-background-color);
-        padding: 5px;
+        padding-right: 16px;
         border-bottom-left-radius: 4px;
       }
     `;