From 6f1203209312271921165a59aabd3f97453bf6c3 Mon Sep 17 00:00:00 2001
From: Regev Brody <regevbr@gmail.com>
Date: Mon, 13 Mar 2023 12:06:53 +0200
Subject: [PATCH] fix: frontend border to match new HA styles (#112)

---
 package-lock.json       | 4 ++--
 package.json            | 2 +-
 release_notes/v2.4.4.md | 5 +++++
 src/style.js            | 7 ++++++-
 4 files changed, 14 insertions(+), 4 deletions(-)
 create mode 100644 release_notes/v2.4.4.md

diff --git a/package-lock.json b/package-lock.json
index f33d779..c93d678 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "mini-climate-card",
-  "version": "v2.4.2",
+  "version": "v2.4.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "mini-climate-card",
-      "version": "v2.4.2",
+      "version": "v2.4.4",
       "license": "MIT",
       "dependencies": {
         "@lit-labs/scoped-registry-mixin": "^1.0.0",
diff --git a/package.json b/package.json
index 3dc0a1a..8772c43 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mini-climate-card",
-  "version": "v2.4.3",
+  "version": "v2.4.4",
   "description": "a/c card for Home Assistant Lovelace UI",
   "keywords": [
     "home-assistant",
diff --git a/release_notes/v2.4.4.md b/release_notes/v2.4.4.md
new file mode 100644
index 0000000..a24d3e8
--- /dev/null
+++ b/release_notes/v2.4.4.md
@@ -0,0 +1,5 @@
+## v2.4.4
+[![Downloads](https://img.shields.io/github/downloads/artem-sedykh/mini-climate-card/v2.4.4/total.svg)](/~https://github.com/artem-sedykh/mini-climate-card/releases/tag/v2.4.4)
+
+### Fixed
+- fix: frontend border to match new HA styles by @SanchosPancho
diff --git a/src/style.js b/src/style.js
index b1d40a8..e8ca07a 100644
--- a/src/style.js
+++ b/src/style.js
@@ -59,7 +59,12 @@ const style = css`
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     opacity: var(--mc-bg-opacity);
-    border-radius: var(--ha-card-border-radius, 0);
+    box-shadow: var(--ha-card-box-shadow, none);
+    box-sizing: border-box;
+    border-radius: var(--ha-card-border-radius, 12px);
+    border-width: var(--ha-card-border-width, 1px);
+    border-style: solid;
+    border-color: var(--ha-card-border-color, var(--divider-color, #e0e0e0) );
   }
   ha-card.--group .mc__bg {
     background: none;