From 667c5744f21f19921abcb0c508d22e04f13b626f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <joasoe@gmail.com>
Date: Thu, 8 Oct 2020 12:29:21 +0200
Subject: [PATCH] Fix ha-bar display issue on firefox (#7263)

---
 src/components/ha-bar.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/ha-bar.ts b/src/components/ha-bar.ts
index b9d160bf13..6d449c3306 100644
--- a/src/components/ha-bar.ts
+++ b/src/components/ha-bar.ts
@@ -34,8 +34,8 @@ export class HaBar extends LitElement {
     return svg`
       <svg>
         <g>
-          <rect></rect>
-          <rect width="${valuePrecentage}%"></rect>
+          <rect/>
+          <rect width="${valuePrecentage}%"/>
         </g>
       </svg>
     `;
@@ -43,6 +43,9 @@ export class HaBar extends LitElement {
 
   static get styles(): CSSResult {
     return css`
+      rect {
+        height: 100%;
+      }
       rect:first-child {
         width: 100%;
         fill: var(--ha-bar-background-color, var(--secondary-background-color));