From bbea38d227daa09ccb1c92e69d847888e115e3db Mon Sep 17 00:00:00 2001
From: Zack Barett <arnett.zackary@gmail.com>
Date: Wed, 2 Dec 2020 09:19:01 -0600
Subject: [PATCH] Lovelace Card Editor: Preview Background (#7678)

---
 .../lovelace/editor/card-editor/hui-dialog-edit-card.ts       | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts b/src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts
index 9d03370036..58ce8ceb74 100755
--- a/src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts
@@ -450,6 +450,10 @@ export class HuiDialogEditCard extends LitElement
         }
         .element-preview {
           position: relative;
+          height: max-content;
+          background: var(--primary-background-color);
+          padding: 4px;
+          border-radius: 4px;
         }
         .element-preview ha-circular-progress {
           top: 50%;