From 1eb09653dba94a2388f848b1be2025353aae906b Mon Sep 17 00:00:00 2001
From: Petar Petrov <MindFreeze@users.noreply.github.com>
Date: Thu, 24 Mar 2022 12:03:22 +0200
Subject: [PATCH] inline style fix

---
 src/ha-sankey-chart.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ha-sankey-chart.ts b/src/ha-sankey-chart.ts
index 0f4306b..1f40d74 100644
--- a/src/ha-sankey-chart.ts
+++ b/src/ha-sankey-chart.ts
@@ -133,7 +133,7 @@ export class SankeyChart extends LitElement {
         tabindex="0"
         .label=${`Boilerplate: ${this.config.entity || 'No Entity Defined'}`}
       >
-      <div class="container ${this.config.wide ? 'wide' : ''}" style="height:${this.height}px">
+      <div class="container ${this.config.wide ? 'wide' : ''}" style=${styleMap({height: this.height+'px'})}>
         ${this.sections.map((s, i) => this.renderSection(i))}
       </div>
       </ha-card>
@@ -159,7 +159,7 @@ export class SankeyChart extends LitElement {
           ${boxes.map((box, i) => {
             // const {icon} = box.entity.attributes;
             return html`
-              ${i > 0 ? html`<div class="spacerv" style="height:${section.spacerH}px"></div>` : null}
+              ${i > 0 ? html`<div class="spacerv" style=${styleMap({height: section.spacerH+'px'})}></div>` : null}
               <div class="box" style=${styleMap({height: box.size+'px'})}>
                 <div style=${styleMap({backgroundColor: box.color})}>
                   ${show_icons && html`<ha-icon .icon=${stateIcon(box.entity)}></ha-icon>`}