diff --git a/src/app/components/employee-detail/employee-detail.component.html b/src/app/components/employee-detail/employee-detail.component.html
index 30fe658..0968dfb 100644
--- a/src/app/components/employee-detail/employee-detail.component.html
+++ b/src/app/components/employee-detail/employee-detail.component.html
@@ -1,28 +1,29 @@
-<div class="d-flex flex-col" style="height: 100%;">
-  <app-navigation-bar></app-navigation-bar>
-  <div class="p-3" style="width: 100%;">
-    <button class="btn btn-primary" (click)="goToEmployeePage()">Zurück</button>
-    <div class="row align-items-start pt-3">
-      <div class="col">
-        <h1>{{ employee.firstName }} {{ employee.lastName }} </h1>
-        <p><strong>Straße: </strong>{{ employee.street }}</p>
-        <p><strong>Postleitzahl: </strong>{{ employee.postcode }}</p>
-        <p><strong>Stadt: </strong>{{ employee.city }}</p>
-        <p><strong>Telefonnummer: </strong>{{ employee.phone }}s</p>
-        <button class="btn btn-danger" (click)="deleteEmployee(currentId)">Löschen</button>
-        <button class="ms-3 btn btn-primary" (click)="editEmployee(currentId)">Bearbeiten</button>
+<div class="container">
+  <div class="d-flex flex-col" style="height: 100%;">
+    <div class="p-3" style="width: 100%;">
+      <button class="btn btn-primary" (click)="goToEmployeePage()">Zurück</button>
+      <div class="row align-items-start pt-3">
+        <div class="col">
+          <h1>{{ employee.firstName }} {{ employee.lastName }} </h1>
+          <p><strong>Straße: </strong>{{ employee.street }}</p>
+          <p><strong>Postleitzahl: </strong>{{ employee.postcode }}</p>
+          <p><strong>Stadt: </strong>{{ employee.city }}</p>
+          <p><strong>Telefonnummer: </strong>{{ employee.phone }}s</p>
+          <button class="btn btn-danger" (click)="deleteEmployee(currentId)">Löschen</button>
+          <button class="ms-3 btn btn-primary" (click)="editEmployee(currentId)">Bearbeiten</button>
 
-      </div>
-      <div class="col">
-        <h2>Qualifikationen</h2>
-        <ul class="list-group" style="width: fit-content;">
-          @for(skill of skillSet; track skill) {
-          <li class="list-group-item">{{ skill }}</li>
-          }
+        </div>
+        <div class="col">
+          <h2>Qualifikationen</h2>
+          <ul class="list-group" style="width: fit-content;">
+            @for(skill of skillSet; track skill) {
+            <li class="list-group-item">{{ skill }}</li>
+            }
 
-        </ul>
+          </ul>
+        </div>
       </div>
+
     </div>
-
   </div>
 </div>
diff --git a/src/app/components/mitarbeiter-form/mitarbeiter-form.component.ts b/src/app/components/mitarbeiter-form/mitarbeiter-form.component.ts
index 8e6e536..215be8f 100644
--- a/src/app/components/mitarbeiter-form/mitarbeiter-form.component.ts
+++ b/src/app/components/mitarbeiter-form/mitarbeiter-form.component.ts
@@ -3,7 +3,7 @@ import { EmployeeNameAndSkillDataDTO, EmployeeRequestPutDTO, EmployeeResponseDTO
 import { AbstractControl, FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
 import { HttpClient } from '@angular/common/http';
 import { Router } from '@angular/router';
-import { AsyncPipe, NgFor } from '@angular/common';
+import { AsyncPipe, NgFor, Location } from '@angular/common';
 import { SkillService } from '../../service/skill.service';
 import { QualificationGetDTO } from '../../models/skill';
 import { Observable, of } from 'rxjs';
@@ -24,10 +24,10 @@ export class MitarbeiterFormComponent {
   public hasAllSkills: boolean = false;
   errorMessages: Record<string, string> = {};
 
-  constructor(public http: HttpClient, public router: Router, private skillService: SkillService) {}
+  constructor(public http: HttpClient, public router: Router, private skillService: SkillService, private location: Location) {}
 
   returnToEmployeeOverview() {
-    this.router.navigate(["mitarbeiter"]);
+    this.location.back();
   }
 
   private setupForm() {