From a0ef60de491e02551fd84a1863e7db8d92b51658 Mon Sep 17 00:00:00 2001
From: Kendell R <KTibow@users.noreply.github.com>
Date: Wed, 2 Dec 2020 07:14:46 -0800
Subject: [PATCH] Make card picker border follow standards (#7162)

---
 src/panels/lovelace/editor/card-editor/hui-card-picker.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/panels/lovelace/editor/card-editor/hui-card-picker.ts b/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
index f68b99e1f5..dbc034b7a9 100644
--- a/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
@@ -353,8 +353,7 @@ export class HuiCardPicker extends LitElement {
           max-width: 500px;
           display: flex;
           flex-direction: column;
-          border-radius: 4px;
-          border: 1px solid var(--divider-color);
+          border-radius: var(--ha-card-border-radius);
           background: var(--primary-background-color, #fafafa);
           cursor: pointer;
           box-sizing: border-box;
@@ -408,6 +407,11 @@ export class HuiCardPicker extends LitElement {
           width: 100%;
           height: 100%;
           z-index: 1;
+          border: var(--ha-card-border-width, 1px) solid var(
+            --ha-card-border-color,
+            var(--divider-color)
+          );
+          border-radius: var(--ha-card-border-radius);
         }
 
         .manual {