From 8b8a85b4b85a36f13d2bd604f05c34c234aa0909 Mon Sep 17 00:00:00 2001
From: puddly <32534428+puddly@users.noreply.github.com>
Date: Mon, 7 Nov 2022 14:24:09 -0500
Subject: [PATCH] Make borders for discovery card header seamless (#14322)

---
 src/panels/config/integrations/ha-integration-header.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/panels/config/integrations/ha-integration-header.ts b/src/panels/config/integrations/ha-integration-header.ts
index d0d718acf6..1682f5a813 100644
--- a/src/panels/config/integrations/ha-integration-header.ts
+++ b/src/panels/config/integrations/ha-integration-header.ts
@@ -129,8 +129,10 @@ export class HaIntegrationHeader extends LitElement {
       color: var(--text-on-state-color);
       text-align: center;
       padding: 2px;
-      border-top-left-radius: var(--ha-card-border-radius, 12px);
-      border-top-right-radius: var(--ha-card-border-radius, 12px);
+
+      /* Padding is subtracted for nested elements with border radiuses */
+      border-top-left-radius: calc(var(--ha-card-border-radius, 12px) - 2px);
+      border-top-right-radius: calc(var(--ha-card-border-radius, 12px) - 2px);
     }
     .header {
       display: flex;