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 3599c85a93..1fe8f5194b 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
@@ -235,8 +235,8 @@ export class HuiDialogEditCard extends LitElement {
             min-width: 0;
           }
           .content hui-card-preview {
-            padding: 8px 0;
-            margin: auto 10px;
+            padding: 8px 10px;
+            margin: auto 0px;
             max-width: 500px;
           }
         }
@@ -269,6 +269,7 @@ export class HuiDialogEditCard extends LitElement {
           margin-bottom: 4px;
           display: block;
           width: 100%;
+          box-sizing: border-box;
         }
         .gui-mode-button {
           margin-right: auto;