diff --git a/web/app/app.component.ts b/web/app/app.component.ts
index 24f09c5..7f34b96 100644
--- a/web/app/app.component.ts
+++ b/web/app/app.component.ts
@@ -4,7 +4,7 @@ import { TranslateService } from "@ngx-translate/core";
 import { HttpClient } from "@angular/common/http";
 
 @Component({
-    selector: "app-app", // <my-app></my-app>
+    selector: "my-app", // <my-app></my-app>
     templateUrl: "./app.component.html",
     styleUrls: ["./app.component.scss"],
 })
diff --git a/web/app/configs/bridge/config-screen/config-screen.bridge.component.ts b/web/app/configs/bridge/config-screen/config-screen.bridge.component.ts
index 9012c86..59c4b66 100644
--- a/web/app/configs/bridge/config-screen/config-screen.bridge.component.ts
+++ b/web/app/configs/bridge/config-screen/config-screen.bridge.component.ts
@@ -2,7 +2,7 @@ import { Component, ContentChild, Input, TemplateRef } from "@angular/core";
 import { BridgeComponent } from "../bridge.component";
 
 @Component({
-    selector: "app-bridge-config",
+    selector: "my-bridge-config",
     templateUrl: "config-screen.bridge.component.html",
     styleUrls: ["config-screen.bridge.component.scss"],
 })
diff --git a/web/app/configs/complex-bot/config-screen/config-screen.complex-bot.component.ts b/web/app/configs/complex-bot/config-screen/config-screen.complex-bot.component.ts
index 8e66e55..ad936f5 100644
--- a/web/app/configs/complex-bot/config-screen/config-screen.complex-bot.component.ts
+++ b/web/app/configs/complex-bot/config-screen/config-screen.complex-bot.component.ts
@@ -2,7 +2,7 @@ import { ComplexBotComponent } from "../complex-bot.component";
 import { Component, ContentChild, Input, TemplateRef } from "@angular/core";
 
 @Component({
-    selector: "app-complex-bot-config",
+    selector: "my-complex-bot-config",
     templateUrl: "config-screen.complex-bot.component.html",
     styleUrls: ["config-screen.complex-bot.component.scss"],
 })
diff --git a/web/app/configs/widget/config-screen/config-screen.widget.component.ts b/web/app/configs/widget/config-screen/config-screen.widget.component.ts
index 3b22b36..1f62119 100644
--- a/web/app/configs/widget/config-screen/config-screen.widget.component.ts
+++ b/web/app/configs/widget/config-screen/config-screen.widget.component.ts
@@ -2,7 +2,7 @@ import { WidgetComponent } from "../widget.component";
 import { Component, ContentChild, Input, TemplateRef } from "@angular/core";
 
 @Component({
-    selector: "app-widget-config",
+    selector: "my-widget-config",
     templateUrl: "config-screen.widget.component.html",
     styleUrls: ["config-screen.widget.component.scss"],
 })
diff --git a/web/app/elements/fullscreen-button/fullscreen-button.component.ts b/web/app/elements/fullscreen-button/fullscreen-button.component.ts
index 6f4599c..3185dde 100644
--- a/web/app/elements/fullscreen-button/fullscreen-button.component.ts
+++ b/web/app/elements/fullscreen-button/fullscreen-button.component.ts
@@ -2,7 +2,7 @@ import { Component, OnDestroy, OnInit } from "@angular/core";
 import * as screenfull from "screenfull";
 
 @Component({
-    selector: "app-fullscreen-button",
+    selector: "my-fullscreen-button",
     templateUrl: "fullscreen-button.component.html",
     styleUrls: ["fullscreen-button.component.scss"],
 })
diff --git a/web/app/elements/ibox/ibox.component.ts b/web/app/elements/ibox/ibox.component.ts
index e242232..a16f0ba 100644
--- a/web/app/elements/ibox/ibox.component.ts
+++ b/web/app/elements/ibox/ibox.component.ts
@@ -2,7 +2,7 @@ import { Component, Input, OnInit } from "@angular/core";
 import { ANIMATION_FADE_IN_NOT_OUT } from "../../app.animations";
 
 @Component({
-    selector: "app-ibox",
+    selector: "my-ibox",
     templateUrl: "./ibox.component.html",
     styleUrls: ["./ibox.component.scss"],
     animations: [ANIMATION_FADE_IN_NOT_OUT],
diff --git a/web/app/elements/spinner/spinner.component.ts b/web/app/elements/spinner/spinner.component.ts
index 143efe9..a0bb1c6 100644
--- a/web/app/elements/spinner/spinner.component.ts
+++ b/web/app/elements/spinner/spinner.component.ts
@@ -1,7 +1,7 @@
 import { Component } from "@angular/core";
 
 @Component({
-    selector: "app-spinner",
+    selector: "my-spinner",
     templateUrl: "./spinner.component.html",
     styleUrls: ["./spinner.component.scss"],
 })
diff --git a/web/app/home/home.component.ts b/web/app/home/home.component.ts
index 0a7762e..362932b 100644
--- a/web/app/home/home.component.ts
+++ b/web/app/home/home.component.ts
@@ -1,7 +1,7 @@
 import { Component } from "@angular/core";
 
 @Component({
-    selector: "app-home",
+    selector: "my-home",
     templateUrl: "./home.component.html",
     styleUrls: ["./home.component.scss"],
 })
diff --git a/web/app/integration-bag/integration-bag.component.ts b/web/app/integration-bag/integration-bag.component.ts
index 1f7f3c2..2227edb 100644
--- a/web/app/integration-bag/integration-bag.component.ts
+++ b/web/app/integration-bag/integration-bag.component.ts
@@ -12,7 +12,7 @@ import { FE_Integration } from "../shared/models/integration";
 import { MediaService } from "../shared/services/media.service";
 
 @Component({
-    selector: "app-integration-bag",
+    selector: "my-integration-bag",
     templateUrl: "./integration-bag.component.html",
     styleUrls: ["./integration-bag.component.scss"],
 })
diff --git a/web/app/page-header/page-header.component.ts b/web/app/page-header/page-header.component.ts
index 1782269..d51d0b3 100644
--- a/web/app/page-header/page-header.component.ts
+++ b/web/app/page-header/page-header.component.ts
@@ -9,7 +9,7 @@ import { TranslateService } from "@ngx-translate/core";
 import { filter } from "rxjs/operators";
 
 @Component({
-    selector: "app-page-header",
+    selector: "my-page-header",
     templateUrl: "./page-header.component.html",
     styleUrls: ["./page-header.component.scss"],
 })
diff --git a/web/app/riot/riot-home/home.component.ts b/web/app/riot/riot-home/home.component.ts
index 19de21d..4d74564 100644
--- a/web/app/riot/riot-home/home.component.ts
+++ b/web/app/riot/riot-home/home.component.ts
@@ -28,7 +28,7 @@ const CATEGORY_MAP = {
 };
 
 @Component({
-    selector: "app-riot-home",
+    selector: "my-riot-home",
     templateUrl: "./home.component.html",
     styleUrls: ["./home.component.scss"],
 })
diff --git a/web/app/riot/riot.component.ts b/web/app/riot/riot.component.ts
index 3b9dcc5..bf255ad 100644
--- a/web/app/riot/riot.component.ts
+++ b/web/app/riot/riot.component.ts
@@ -2,7 +2,7 @@ import { Component } from "@angular/core";
 import { SessionStorage } from "../shared/SessionStorage";
 
 @Component({
-    selector: "app-riot",
+    selector: "my-riot",
     templateUrl: "./riot.component.html",
     styleUrls: ["./riot.component.scss"],
 })
diff --git a/web/app/riot/scalar-close/scalar-close.component.ts b/web/app/riot/scalar-close/scalar-close.component.ts
index 403f2aa..042e33c 100644
--- a/web/app/riot/scalar-close/scalar-close.component.ts
+++ b/web/app/riot/scalar-close/scalar-close.component.ts
@@ -2,7 +2,7 @@ import { Component } from "@angular/core";
 import { ScalarClientApiService } from "../../shared/services/scalar/scalar-client-api.service";
 
 @Component({
-    selector: "app-scalar-close",
+    selector: "my-scalar-close",
     templateUrl: "./scalar-close.component.html",
     styleUrls: ["./scalar-close.component.scss"],
 })
diff --git a/web/app/widget-wrappers/bigbluebutton/bigbluebutton.component.ts b/web/app/widget-wrappers/bigbluebutton/bigbluebutton.component.ts
index cd3e67a..e218310 100644
--- a/web/app/widget-wrappers/bigbluebutton/bigbluebutton.component.ts
+++ b/web/app/widget-wrappers/bigbluebutton/bigbluebutton.component.ts
@@ -12,7 +12,7 @@ import {
 import { TranslateService } from "@ngx-translate/core";
 
 @Component({
-    selector: "app-bigbluebutton-widget-wrapper",
+    selector: "my-bigbluebutton-widget-wrapper",
     templateUrl: "bigbluebutton.component.html",
     styleUrls: ["bigbluebutton.component.scss"],
 })
diff --git a/web/app/widget-wrappers/gcal/gcal.component.ts b/web/app/widget-wrappers/gcal/gcal.component.ts
index 252952e..3114992 100644
--- a/web/app/widget-wrappers/gcal/gcal.component.ts
+++ b/web/app/widget-wrappers/gcal/gcal.component.ts
@@ -3,7 +3,7 @@ import { ActivatedRoute } from "@angular/router";
 import { DomSanitizer, SafeUrl } from "@angular/platform-browser";
 
 @Component({
-    selector: "app-gcal-widget-wrapper",
+    selector: "my-gcal-widget-wrapper",
     templateUrl: "../fullpage-iframe/fullpage-iframe.component.html",
     styleUrls: ["../fullpage-iframe/fullpage-iframe.component.scss"],
 })
diff --git a/web/app/widget-wrappers/generic-fullscreen/generic-fullscreen.component.ts b/web/app/widget-wrappers/generic-fullscreen/generic-fullscreen.component.ts
index 601e166..a7b9362 100644
--- a/web/app/widget-wrappers/generic-fullscreen/generic-fullscreen.component.ts
+++ b/web/app/widget-wrappers/generic-fullscreen/generic-fullscreen.component.ts
@@ -3,7 +3,7 @@ import { ActivatedRoute } from "@angular/router";
 import { DomSanitizer, SafeUrl } from "@angular/platform-browser";
 
 @Component({
-    selector: "app-generic-fullscreen-widget-wrapper",
+    selector: "my-generic-fullscreen-widget-wrapper",
     templateUrl: "../fullpage-iframe/fullpage-iframe.component.html",
     styleUrls: ["../fullpage-iframe/fullpage-iframe.component.scss"],
 })
diff --git a/web/app/widget-wrappers/generic/generic.component.ts b/web/app/widget-wrappers/generic/generic.component.ts
index b127365..79dcde2 100644
--- a/web/app/widget-wrappers/generic/generic.component.ts
+++ b/web/app/widget-wrappers/generic/generic.component.ts
@@ -4,7 +4,7 @@ import { DomSanitizer, SafeUrl } from "@angular/platform-browser";
 import { WidgetApiService } from "../../shared/services/integrations/widget-api.service";
 
 @Component({
-    selector: "app-generic-widget-wrapper",
+    selector: "my-generic-widget-wrapper",
     templateUrl: "generic.component.html",
     styleUrls: ["generic.component.scss"],
 })
diff --git a/web/app/widget-wrappers/jitsi/jitsi.component.ts b/web/app/widget-wrappers/jitsi/jitsi.component.ts
index 4be4df9..d175297 100644
--- a/web/app/widget-wrappers/jitsi/jitsi.component.ts
+++ b/web/app/widget-wrappers/jitsi/jitsi.component.ts
@@ -10,7 +10,7 @@ import { CapableWidget } from "../capable-widget";
 declare let JitsiMeetExternalAPI: any;
 
 @Component({
-    selector: "app-jitsi-widget-wrapper",
+    selector: "my-jitsi-widget-wrapper",
     templateUrl: "jitsi.component.html",
     styleUrls: ["jitsi.component.scss"],
 })
diff --git a/web/app/widget-wrappers/manager-test/manager-test.component.ts b/web/app/widget-wrappers/manager-test/manager-test.component.ts
index bc7ecdb..4ba6c4f 100644
--- a/web/app/widget-wrappers/manager-test/manager-test.component.ts
+++ b/web/app/widget-wrappers/manager-test/manager-test.component.ts
@@ -6,7 +6,7 @@ import { ScalarServerApiService } from "../../shared/services/scalar/scalar-serv
 import { TranslateService } from "@ngx-translate/core";
 
 @Component({
-    selector: "app-reauth-example-widget-wrapper",
+    selector: "my-reauth-example-widget-wrapper",
     templateUrl: "manager-test.component.html",
     styleUrls: ["manager-test.component.scss"],
 })
diff --git a/web/app/widget-wrappers/reauth-example/reauth-example.component.ts b/web/app/widget-wrappers/reauth-example/reauth-example.component.ts
index 81aa092..340e744 100644
--- a/web/app/widget-wrappers/reauth-example/reauth-example.component.ts
+++ b/web/app/widget-wrappers/reauth-example/reauth-example.component.ts
@@ -8,7 +8,7 @@ import { FE_ScalarOpenIdRequestBody } from "../../shared/models/scalar-server-re
 import { TranslateService } from "@ngx-translate/core";
 
 @Component({
-    selector: "app-reauth-example-widget-wrapper",
+    selector: "my-reauth-example-widget-wrapper",
     templateUrl: "reauth-example.component.html",
     styleUrls: ["reauth-example.component.scss"],
 })
diff --git a/web/app/widget-wrappers/spotify/spotify.component.ts b/web/app/widget-wrappers/spotify/spotify.component.ts
index fe79c5f..b409b5e 100644
--- a/web/app/widget-wrappers/spotify/spotify.component.ts
+++ b/web/app/widget-wrappers/spotify/spotify.component.ts
@@ -4,7 +4,7 @@ import * as spotifyUri from "spotify-uri";
 import { DomSanitizer, SafeUrl } from "@angular/platform-browser";
 
 @Component({
-    selector: "app-spotify-widget-wrapper",
+    selector: "my-spotify-widget-wrapper",
     templateUrl: "../fullpage-iframe/fullpage-iframe.component.html",
     styleUrls: ["../fullpage-iframe/fullpage-iframe.component.scss"],
 })
diff --git a/web/app/widget-wrappers/sticker-picker/sticker-picker.component.ts b/web/app/widget-wrappers/sticker-picker/sticker-picker.component.ts
index 346fb47..312def6 100644
--- a/web/app/widget-wrappers/sticker-picker/sticker-picker.component.ts
+++ b/web/app/widget-wrappers/sticker-picker/sticker-picker.component.ts
@@ -36,7 +36,7 @@ import { MediaService } from "../../shared/services/media.service";
 import { WIDGET_STICKER_PICKER } from "../../shared/models/widget";
 
 @Component({
-    selector: "app-generic-widget-wrapper",
+    selector: "my-generic-widget-wrapper",
     templateUrl: "sticker-picker.component.html",
     styleUrls: ["sticker-picker.component.scss"],
     animations: [
diff --git a/web/app/widget-wrappers/terms/terms.component.ts b/web/app/widget-wrappers/terms/terms.component.ts
index 0164919..c52e4af 100644
--- a/web/app/widget-wrappers/terms/terms.component.ts
+++ b/web/app/widget-wrappers/terms/terms.component.ts
@@ -6,7 +6,7 @@ import { ToasterService } from "angular2-toaster";
 import { TranslateService } from "@ngx-translate/core";
 
 @Component({
-    selector: "app-terms-widget-wrapper",
+    selector: "my-terms-widget-wrapper",
     templateUrl: "terms.component.html",
     styleUrls: ["terms.component.scss"],
 })
diff --git a/web/app/widget-wrappers/tradingview/tradingview.component.ts b/web/app/widget-wrappers/tradingview/tradingview.component.ts
index 01df624..2ef67db 100644
--- a/web/app/widget-wrappers/tradingview/tradingview.component.ts
+++ b/web/app/widget-wrappers/tradingview/tradingview.component.ts
@@ -5,7 +5,7 @@ import * as $ from "jquery";
 declare let TradingView: any;
 
 @Component({
-    selector: "app-tradingview-widget-wrapper",
+    selector: "my-tradingview-widget-wrapper",
     templateUrl: "tradingview.component.html",
     styleUrls: ["tradingview.component.scss"],
 })
diff --git a/web/app/widget-wrappers/video/video.component.ts b/web/app/widget-wrappers/video/video.component.ts
index 20a22ea..4bb3741 100644
--- a/web/app/widget-wrappers/video/video.component.ts
+++ b/web/app/widget-wrappers/video/video.component.ts
@@ -3,7 +3,7 @@ import { ActivatedRoute } from "@angular/router";
 import { DomSanitizer, SafeUrl } from "@angular/platform-browser";
 
 @Component({
-    selector: "app-video-widget-wrapper",
+    selector: "my-video-widget-wrapper",
     templateUrl: "../fullpage-iframe/fullpage-iframe.component.html",
     styleUrls: ["../fullpage-iframe/fullpage-iframe.component.scss"],
 })