diff --git a/src/components/ha-paper-slider.js b/src/components/ha-paper-slider.js
index 2e4b530a68..34a5235eb2 100644
--- a/src/components/ha-paper-slider.js
+++ b/src/components/ha-paper-slider.js
@@ -1,13 +1,19 @@
import '@polymer/paper-slider/paper-slider.js';
-import { DomModule } from '@polymer/polymer/lib/elements/dom-module.js';
-import '@polymer/polymer/polymer-legacy.js';
-const documentContainer = document.createElement('template');
-documentContainer.setAttribute('style', 'display: none;');
+/**
+* @polymer
+* @customElement
+* @appliesMixin paper-slider
+*/
+const PaperSliderClass = customElements.get('paper-slider');
-documentContainer.innerHTML = `
-
-
-
-
-
-`;
-
-document.head.appendChild(documentContainer.content);
-
-{
- /**
- * @polymer
- * @customElement
- * @appliesMixin paper-slider
- */
- const PaperSliderClass = customElements.get('paper-slider');
- let myTemplate;
-
- class HaPaperSlider extends PaperSliderClass {
- static get template() {
- if (!myTemplate) {
- // Retrieve this element's dom-module template
- myTemplate = DomModule.import(HaPaperSlider.is, 'template');
- // Clone the contents of the superclass template
- const superTemplateContents = document.importNode(PaperSliderClass.template.content, true);
- // Remove the style from superclass contents, we already included them in our own