diff --git a/apps/gifted-subs/src/app/app.component.ts b/apps/gifted-subs/src/app/app.component.ts
index 0cffe10..3302cb7 100644
--- a/apps/gifted-subs/src/app/app.component.ts
+++ b/apps/gifted-subs/src/app/app.component.ts
@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 
 
 @Component({
-  selector: 'app-root',
+  selector: 'gifted-subs-app',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
diff --git a/apps/gifted-subs/src/index.html b/apps/gifted-subs/src/index.html
index 49e535b..c9714e7 100644
--- a/apps/gifted-subs/src/index.html
+++ b/apps/gifted-subs/src/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <title>Gifted subs</title>
-  <base href="/gifted-subs/">
+  <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@@ -12,7 +12,7 @@
 </head>
 <body>
   <section class="mat-typography">
-    <app-root></app-root>
+    <gifted-subs-app></gifted-subs-app>
   </section>
 </body>
 </html>
diff --git a/apps/quotes/src/app/app.component.ts b/apps/quotes/src/app/app.component.ts
index 0cffe10..e1c9281 100644
--- a/apps/quotes/src/app/app.component.ts
+++ b/apps/quotes/src/app/app.component.ts
@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 
 
 @Component({
-  selector: 'app-root',
+  selector: 'quotes-app',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
diff --git a/apps/quotes/src/index.html b/apps/quotes/src/index.html
index 3d8cb14..b424714 100644
--- a/apps/quotes/src/index.html
+++ b/apps/quotes/src/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <title>Quotes</title>
-  <base href="/quotes/">
+  <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@@ -12,7 +12,7 @@
 </head>
 <body>
   <section class="mat-typography">
-    <app-root></app-root>
+    <quotes-app></quotes-app>
   </section>
 </body>
 </html>
diff --git a/apps/regular-subs/src/app/app.component.ts b/apps/regular-subs/src/app/app.component.ts
index 0cffe10..4c3b1af 100644
--- a/apps/regular-subs/src/app/app.component.ts
+++ b/apps/regular-subs/src/app/app.component.ts
@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 
 
 @Component({
-  selector: 'app-root',
+  selector: 'regular-subs-app',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
diff --git a/apps/regular-subs/src/index.html b/apps/regular-subs/src/index.html
index 9d88191..cf12030 100644
--- a/apps/regular-subs/src/index.html
+++ b/apps/regular-subs/src/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <title>Regular subs</title>
-  <base href="/regular-subs/">
+  <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@@ -12,7 +12,7 @@
 </head>
 <body>
   <section class="mat-typography">
-    <app-root></app-root>
+    <regular-subs-app></regular-subs-app>
   </section>
 </body>
 </html>
diff --git a/apps/schedule/src/app/app.component.ts b/apps/schedule/src/app/app.component.ts
index 0cffe10..8eb4a21 100644
--- a/apps/schedule/src/app/app.component.ts
+++ b/apps/schedule/src/app/app.component.ts
@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 
 
 @Component({
-  selector: 'app-root',
+  selector: 'schedule-app',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
diff --git a/apps/schedule/src/index.html b/apps/schedule/src/index.html
index 6334ea3..6e26866 100644
--- a/apps/schedule/src/index.html
+++ b/apps/schedule/src/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <title>Livestream Schedule</title>
-  <base href="/schedule/">
+  <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@@ -12,7 +12,7 @@
 </head>
 <body>
   <section class="mat-typography">
-    <app-root></app-root>
+    <schedule-app></schedule-app>
   </section>
 </body>
 </html>
diff --git a/apps/twitch-logs/src/app/app.component.ts b/apps/twitch-logs/src/app/app.component.ts
index 0cffe10..9b9e54e 100644
--- a/apps/twitch-logs/src/app/app.component.ts
+++ b/apps/twitch-logs/src/app/app.component.ts
@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 
 
 @Component({
-  selector: 'app-root',
+  selector: 'twitch-logs-app',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
diff --git a/apps/twitch-logs/src/index.html b/apps/twitch-logs/src/index.html
index 7c90905..8b02ae3 100644
--- a/apps/twitch-logs/src/index.html
+++ b/apps/twitch-logs/src/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <title>Twitch Logs</title>
-  <base href="/twitch-logs/">
+  <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@@ -12,7 +12,7 @@
 </head>
 <body>
   <section class="mat-typography">
-    <app-root></app-root>
+    <twitch-logs-app></twitch-logs-app>
   </section>
 </body>
 </html>
