diff --git a/packages/common/assets/index.html b/packages/common/assets/index.html
index 8cf83e3d72db9f8211aa0100aae7dce26d62ffa1..eceb47dee92f8fd673351680b5412d00f030189c 100644
--- a/packages/common/assets/index.html
+++ b/packages/common/assets/index.html
@@ -9,21 +9,7 @@
     }
     </style>
 </head>
-
 <body>
-
-<p>
-    Mini Spinner: <vpu-mini-spinner></vpu-mini-spinner> <vpu-mini-spinner style="font-size: 2em"></vpu-mini-spinner> <vpu-mini-spinner style="font-size: 3em"></vpu-mini-spinner>
-</p>
-
-<p>
-    Spinner: <vpu-spinner></vpu-spinner>
-</p>
-
-Icons: <vpu-icon name="access-point-network-off"></vpu-icon> <vpu-icon color="green"></vpu-icon> <vpu-icon color="red"></vpu-icon> <vpu-icon color="blue"></vpu-icon>  <vpu-icon color="orange" name="menu-down"></vpu-icon>
-
-<br>
-<br>
-Button: <vpu-button value="Load"></vpu-button>
+<vpu-common-demo></vpu-common-demo>
 </body>
 </html>
diff --git a/packages/common/demo.js b/packages/common/demo.js
deleted file mode 100644
index aaefdc263915fe483699395e4dafda905f0363b6..0000000000000000000000000000000000000000
--- a/packages/common/demo.js
+++ /dev/null
@@ -1 +0,0 @@
-import './vpu-common-demo.js';
diff --git a/packages/common/rollup.config.js b/packages/common/rollup.config.js
index de7e57111e12e92b1c4930251eab504d0981eb8f..df03bbdc45b68b63bb4e92e15a59f4c3b1da40c4 100644
--- a/packages/common/rollup.config.js
+++ b/packages/common/rollup.config.js
@@ -13,7 +13,7 @@ const build = (typeof process.env.BUILD !== 'undefined') ? process.env.BUILD : '
 console.log("build: " + build);
 
 export default {
-    input: (build !='test') ? 'demo.js' : 'test/**/*.js',
+    input: (build !='test') ? 'vpu-common-demo.js' : 'test/**/*.js',
     output: {
         file: 'dist/bundle.js',
         format: 'esm'