diff --git a/docs/index.html b/docs/index.html
index 81cf323..d13afaa 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,7 +3,6 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
   <title>o-content-placeholder</title>
   <script src="https://unpkg.com/@o-rango/orango-demo-tools/dist/orango-demo-tools.js">
-  <script async src="https://unpkg.com/@o-rango/o-content-placeholder/dist/o-content-placeholder.js"></script>
   </head>
 
   <body>
@@ -11,7 +10,7 @@
       <o-demo-bar name="Demo o-content-placeholder">
           <o-demo-case name="Placeholders with Circle Avatar - Animated">
               <template>
-              <script src="./build/o-content-placeholder.js"></script>
+              <script async src="https://unpkg.com/@o-rango/o-content-placeholder/dist/o-content-placeholder.js"></script>
               <style>
                   .container {
                     background-color: white;
@@ -40,7 +39,7 @@
 
         <o-demo-case name="Placeholders with Square Avatar - Animated">
             <template>
-            <script src="./build/o-content-placeholder.js"></script>
+              <script async src="https://unpkg.com/@o-rango/o-content-placeholder/dist/o-content-placeholder.js"></script>
             <style>
                 .container {
                   background-color: white;
@@ -70,7 +69,7 @@
 
       <o-demo-case name="Random Size - no animation">
           <template>
-          <script src="./build/o-content-placeholder.js"></script>
+            <script async src="https://unpkg.com/@o-rango/o-content-placeholder/dist/o-content-placeholder.js"></script>
           <style>
               .container {
                 background-color: white;
