diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.routes.ts b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.routes.ts
index 2da5ba78..32e88bbb 100644
--- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.routes.ts
+++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.routes.ts
@@ -5,7 +5,7 @@ import { EnvelopeComponent } from './pages/envelope/envelope.component';
 import { EnvelopeCreationComponent } from './pages/envelope-creation/envelope-creation.component';
 
 export const routes: Routes = [
-  { path: '', component: HomeComponent },
+  { path: '', component: EnvelopeComponent, canActivate: [authGuard] },
   { path: 'login', component: HomeComponent },
   { path: 'envelope', component: EnvelopeComponent, canActivate: [authGuard] },
   { path: 'envelope-creation', component: EnvelopeCreationComponent, canActivate: [authGuard] }
diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/login/login.component.ts b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/login/login.component.ts
index e33a1b08..ca3c7469 100644
--- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/login/login.component.ts
+++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/login/login.component.ts
@@ -9,7 +9,7 @@ import { Router } from '@angular/router';
 import { ReactiveFormsModule } from '@angular/forms';
 
 @Component({
-  selector: 'app-login',
+  selector: 'login',
   standalone: true,
   imports: [MatFormFieldModule, MatInputModule, MatButtonModule, MatIconModule, ReactiveFormsModule],
   templateUrl: './login.component.html',
diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.ts b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.ts
index ab10c156..ee5f93e6 100644
--- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.ts
+++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.ts
@@ -4,7 +4,7 @@ import { MatTabsModule } from '@angular/material/tabs';
 import { LocalizationService } from '../../services/localization.service';
 import { Status } from '../../enums/envelope-const'
 @Component({
-    selector: 'app-envelope',
+    selector: 'envelope',
     standalone: true,
     templateUrl: './envelope.component.html',
     styleUrl: './envelope.component.scss',
diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/home/home.component.html b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/home/home.component.html
index a7b627a0..6aca8e6a 100644
--- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/home/home.component.html
+++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/home/home.component.html
@@ -1,7 +1,7 @@
 <div class="main">
     <div class="content">
         <div class="left-side">
-            <app-login></app-login>
+            <login></login>
         </div>
         <div class="divider" role="separator" aria-label="Divider"></div>
         <div class="right-side">