diff --git a/src/app/app.component.html b/src/app/app.component.html
index 801368b..68a8184 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1 +1 @@
-<app-qualifikaton-bearbeiten-view></app-qualifikaton-bearbeiten-view>
+<app-qualifikaton-detail></app-qualifikaton-detail>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 2b0ad4f..18c70af 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,23 +1,25 @@
-import { Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
+import {Component} from '@angular/core';
+import {RouterOutlet} from '@angular/router';
 import {LoginViewComponent} from "./components/login-view/login-view.component";
 import {
   MitarbeiterverwaltungViewComponent
 } from "./components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component";
 
-import { NavigationBarComponent } from './components/navigation-bar/navigation-bar.component';
-import { EmployeeDetailComponent } from './components/employee-detail/employee-detail.component';
+import {NavigationBarComponent} from './components/navigation-bar/navigation-bar.component';
+import {EmployeeDetailComponent} from './components/employee-detail/employee-detail.component';
 import {
   MitarbeiterBearbeitenViewComponent
 } from "./components/mitarbeiter-bearbeiten-view/mitarbeiter-bearbeiten-view.component";
 import {
   QualifikatonBearbeitenViewComponent
 } from "./components/qualifikaton-bearbeiten-view/qualifikaton-bearbeiten-view.component";
+import {QualifikatonDetailComponent} from "./components/qualifikaton-detail/qualifikaton-detail.component";
+
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [RouterOutlet, NavigationBarComponent, EmployeeDetailComponent, LoginViewComponent, MitarbeiterverwaltungViewComponent, MitarbeiterBearbeitenViewComponent, QualifikatonBearbeitenViewComponent],
+  imports: [RouterOutlet, NavigationBarComponent, EmployeeDetailComponent, LoginViewComponent, MitarbeiterverwaltungViewComponent, MitarbeiterBearbeitenViewComponent, QualifikatonBearbeitenViewComponent, QualifikatonDetailComponent],
   templateUrl: './app.component.html',
   styleUrl: './app.component.css'
 })
diff --git a/src/app/components/mitarbeiter-bearbeiten-view/mitarbeiter-bearbeiten-view.component.html b/src/app/components/mitarbeiter-bearbeiten-view/mitarbeiter-bearbeiten-view.component.html
index c6ba505..4bc03b5 100644
--- a/src/app/components/mitarbeiter-bearbeiten-view/mitarbeiter-bearbeiten-view.component.html
+++ b/src/app/components/mitarbeiter-bearbeiten-view/mitarbeiter-bearbeiten-view.component.html
@@ -32,9 +32,9 @@
     <ul class="skill-list">
       <li>
         <span class="skill-name">Skill 1</span>
-        <button class="delete-skill-button">
-          <img src="Delete-button.svg" alt="Delete">
-        </button>
+          <button class="delete-skill-button">
+            <img src="Delete-button.svg" alt="Delete">
+          </button>
       </li>
     </ul>
     <div class="skill-controls">