From d8d77d02381da71e1acd4a5ee05ffb276bc0dc03 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <paulus@home-assistant.io>
Date: Mon, 14 Jan 2019 19:32:33 -0800
Subject: [PATCH] Convert label badge to use static get styles (#2480)

---
 src/components/ha-label-badge.ts | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/ha-label-badge.ts b/src/components/ha-label-badge.ts
index 5340ec4219..1cf25ec4e0 100644
--- a/src/components/ha-label-badge.ts
+++ b/src/components/ha-label-badge.ts
@@ -4,6 +4,8 @@ import {
   PropertyDeclarations,
   PropertyValues,
   TemplateResult,
+  CSSResult,
+  css,
 } from "lit-element";
 import { classMap } from "lit-html/directives/class-map";
 import "./ha-icon";
@@ -27,7 +29,6 @@ class HaLabelBadge extends LitElement {
 
   protected render(): TemplateResult | void {
     return html`
-      ${this.renderStyle()}
       <div class="badge-container">
         <div class="label-badge" id="badge">
           <div
@@ -78,9 +79,9 @@ class HaLabelBadge extends LitElement {
     `;
   }
 
-  protected renderStyle(): TemplateResult {
-    return html`
-      <style>
+  static get styles(): CSSResult[] {
+    return [
+      css`
         .badge-container {
           display: inline-block;
           text-align: center;
@@ -149,8 +150,8 @@ class HaLabelBadge extends LitElement {
           text-overflow: ellipsis;
           line-height: normal;
         }
-      </style>
-    `;
+      `,
+    ];
   }
 
   protected updated(changedProperties: PropertyValues): void {