diff --git a/src/main/frontend/index.ts b/src/main/frontend/index.ts
index 2d9bbb7c..e4cb05e6 100644
--- a/src/main/frontend/index.ts
+++ b/src/main/frontend/index.ts
@@ -1,8 +1,12 @@
 import { Providers } from '@microsoft/mgt-element/dist/es6';
 import { ProxyProvider } from '@microsoft/mgt-proxy-provider/dist/es6/ProxyProvider';
 import '@microsoft/mgt-components';
+import { registerMgtComponents } from '@microsoft/mgt-components/dist/es6/index.js';
+
 import { applyTheme } from "@microsoft/mgt-components";
 
+registerMgtComponents();
+
 document.addEventListener('DOMContentLoaded', () => {
     const peoplePicker = document.querySelector(".entra-id-people-picker");