diff --git a/src/my-icons.js b/src/my-icons.js
index d8004df9..55077c85 100644
--- a/src/my-icons.js
+++ b/src/my-icons.js
@@ -9,8 +9,7 @@
  */
 
 import '@polymer/iron-iconset-svg/iron-iconset-svg.js';
-const $_documentContainer = document.createElement('div');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.innerHTML = `<iron-iconset-svg name="my-icons" size="24">
   <svg>
     <defs>
@@ -30,4 +29,4 @@ $_documentContainer.innerHTML = `<iron-iconset-svg name="my-icons" size="24">
   </svg>
 </iron-iconset-svg>`;
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);
diff --git a/src/shared-styles.js b/src/shared-styles.js
index c402a5c2..ccc2963d 100644
--- a/src/shared-styles.js
+++ b/src/shared-styles.js
@@ -10,8 +10,7 @@
 
 import '@polymer/polymer/polymer-element.js';
 
-const $_documentContainer = document.createElement('div');
-$_documentContainer.setAttribute('style', 'display: none;');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.innerHTML = `<dom-module id="shared-styles">
   <template>
     <style>
@@ -45,4 +44,4 @@ $_documentContainer.innerHTML = `<dom-module id="shared-styles">
   </template>
 </dom-module>`;
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);