diff --git a/demo/index.html b/demo/index.html
index 500c1b0..53626b9 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -42,9 +42,10 @@
diff --git a/demo/index.md b/demo/index.md
index fd24d31..712a26e 100644
--- a/demo/index.md
+++ b/demo/index.md
@@ -129,8 +129,10 @@ There are two important parts of every Auro component. The ` element.
diff --git a/index.js b/index.js
index da13c92..f5ea4f4 100644
--- a/index.js
+++ b/index.js
@@ -1,15 +1,4 @@
import { AuroSkeleton } from './src/auro-skeleton.js';
+import * as RuntimeUtils from '@aurodesignsystem/auro-library/scripts/utils/runtimeUtils.mjs';
-/**
- * Register Custom Element.
- * @param {Object} name - Name to use for custom element.
- * @returns {void}
- */
- const registerComponent = (name = 'custom-skeleton') => {
- // alias definition
- if (!customElements.get(name)) {
- customElements.define(name, class extends AuroSkeleton {});
- }
-}
-
-export { registerComponent }
+RuntimeUtils.default.prototype.registerComponent('custom-skeleton', AuroSkeleton);