diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.html b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.html
index 73c2ba7..6f7b7bc 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.html
@@ -22,7 +22,6 @@
               </ng-container>
             </button>
           </th>
-          <th scope="col" class="employees-list__column-head">Redigera</th>
         </tr>
       </thead>
       <tbody>
@@ -45,8 +44,9 @@
             </ng-container>
           </td>
           <td>
-            <digi-button af-variation="tertiary">
-              <digi-icon-edit style="--digi--ui--width--icon: 1.25rem" slot="icon"></digi-icon-edit>
+            <digi-button af-variation="tertiary" [af-aria-label]="'Ta bort konto för ' + employee.fullName" (afOnClick)="openDialog(true, employee)">
+              <digi-icon-x style="--digi--ui--width--icon: 1.25rem" slot="icon"></digi-icon-x>
+              Ta bort konto
             </digi-button>
           </td>
         </tr>
@@ -54,6 +54,22 @@
     </table>
   </digi-table>
 
+  <!-- Modal/ Dialog window -->
+  <digi-ng-dialog *ngIf="employeeSelected$ | async as employee"
+    [afActive]="showDialog"
+    (afOnInactive)="openDialog(false)"
+    (afOnPrimaryClick)="openDialog(false)"
+    (afOnSecondaryClick)="onDeleteEmployee(employee)"
+    [afHeading]="'Ta bort personalkonto'"
+    afHeadingLevel="h2"
+    afPrimaryButtonText="Avbryt"
+    afSecondaryButtonText="Radera personalkonto"
+  >
+    <p>
+      Är du säker på att du vill ta bort personalkontot för {{employee?.fullName}}?
+    </p>
+  </digi-ng-dialog>
+
   <digi-navigation-pagination
     *ngIf="totalPages > 1"
     class="employees-list__pagination"
diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.ts b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.ts
index e91907a..7d7053d 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.ts
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.ts
@@ -1,9 +1,13 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, Output } from '@angular/core';
 import { SortOrder } from '@msfa-enums/sort-order.enum';
+import { DeleteEmployeeMockApiResponse } from '@msfa-models/api/delete-employee.response.model';
 import { EmployeeCompactResponse } from '@msfa-models/api/employee.response.model';
 import { EmployeeCompact } from '@msfa-models/employee.model';
 import { PaginationMeta } from '@msfa-models/pagination-meta.model';
 import { Sort } from '@msfa-models/sort.model';
+import { EmployeeService } from '@msfa-services/api/employee.service';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
 
 @Component({
   selector: 'msfa-employees-list',
@@ -11,12 +15,19 @@ import { Sort } from '@msfa-models/sort.model';
   styleUrls: ['./employees-list.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class EmployeesListComponent {
+export class EmployeesListComponent implements OnDestroy {
   @Input() employees: EmployeeCompact[];
   @Input() paginationMeta: PaginationMeta;
   @Input() sort: Sort<keyof EmployeeCompactResponse>;
   @Output() sorted = new EventEmitter<keyof EmployeeCompactResponse>();
   @Output() paginated = new EventEmitter<number>();
+  @Output() deletedEmployee = new EventEmitter<EmployeeCompact>(null);
+  private componentDestroyed$ = new Subject<void>();
+  private _employeeSelected$ = new BehaviorSubject<EmployeeCompact>(null);
+  employeeSelected$: Observable<EmployeeCompact> = this._employeeSelected$.asObservable();
+  showDialog: boolean;
+
+  constructor(private employeeService: EmployeeService) { }
 
   columnHeaders: { label: string; key: keyof EmployeeCompactResponse }[] = [
     { label: 'Namn', key: 'name' },
@@ -60,4 +71,38 @@ export class EmployeesListComponent {
   setNewPage(page: number): void {
     this.paginated.emit(page);
   }
+
+  onDeleteEmployee(employee: EmployeeCompact): void {
+    this.employeeService.deleteEmployee(employee.id)
+      .pipe(takeUntil(this.componentDestroyed$))
+      .subscribe({
+        next: (res: DeleteEmployeeMockApiResponse) => {
+          if (res.status === 200) {
+            this.employees = this.employees ? this.employees.filter(e => e.id !== employee.id) : [];
+            this.deletedEmployee.emit(employee);
+          }
+        },
+        complete: () => {
+          this.showDialog = false;
+        },
+        error: err => {
+          console.log(err);
+        }
+      });
+  }
+
+
+  openDialog(val: boolean, employee: EmployeeCompact): void {
+    if (!val) {
+      this.showDialog = false;
+      return;
+    }
+    this.showDialog = val;
+    this._employeeSelected$.next(employee);
+  }
+
+  ngOnDestroy(): void {
+    this.componentDestroyed$.next();
+    this.componentDestroyed$.complete();
+  }
 }
diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.module.ts b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.module.ts
index 40d0470..88b9fff 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.module.ts
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.module.ts
@@ -1,3 +1,4 @@
+import { DigiNgDialogModule } from '@af/digi-ng/_dialog/dialog';
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
@@ -6,7 +7,7 @@ import { EmployeesListComponent } from './employees-list.component';
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
   declarations: [EmployeesListComponent],
-  imports: [CommonModule, RouterModule],
+  imports: [CommonModule, RouterModule, DigiNgDialogModule],
   exports: [EmployeesListComponent],
 })
 export class EmployeesListModule {}
diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.html b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.html
index 043f080..bcbf588 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.html
@@ -12,6 +12,22 @@
         <digi-ng-link-button afText="Skapa nytt konto" afRoute="/administration/bjuda-in"></digi-ng-link-button>
       </div>
 
+      <div class="employees__notification-alert">
+        <digi-notification-alert
+          *ngIf="(deletedEmployee$ | async) as deletedEmployee"
+          af-variation="success"
+          af-heading="Allt gick bra"
+          af-heading-level="h3"
+          af-closeable="true"
+          (click)="onCloseAlert()"
+        >
+          <p>
+            {{deletedEmployee?.fullName + (deletedEmployee?.fullName[deletedEmployee?.fullName.length -1] === 's' ? '' :
+            's') }} personalkonto är borttaget.
+          </p>
+        </digi-notification-alert>
+      </div>
+
       <h2>Personallista</h2>
 
       <form class="employees__search-wrapper" (ngSubmit)="setSearchFilter()">
@@ -35,6 +51,7 @@
         [order]="order$ | async"
         (sorted)="handleEmployeesSort($event)"
         (paginated)="setNewPage($event)"
+        (deletedEmployee)="handleDeletedEmployee($event)"
       ></msfa-employees-list>
     </digi-typography>
 
diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.scss b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.scss
index 9cd70e3..d370e13 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.scss
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.scss
@@ -16,4 +16,9 @@
   &__only-employees-without-authorization {
     margin-top: $digi--layout--gutter--l;
   }
+
+  &__notification-alert {
+    margin-top: $digi--layout--gutter--xl;
+    margin-bottom: $digi--layout--gutter--xl;
+  }
 }
diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.ts b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.ts
index e4c3f35..cae6c8c 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.ts
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.ts
@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { IconType } from '@msfa-enums/icon-type.enum';
 import { EmployeeCompactResponse } from '@msfa-models/api/employee.response.model';
-import { EmployeesData } from '@msfa-models/employee.model';
+import { Employee, EmployeesData } from '@msfa-models/employee.model';
 import { Sort } from '@msfa-models/sort.model';
 import { EmployeeService } from '@msfa-services/api/employee.service';
 import { BehaviorSubject, Observable } from 'rxjs';
@@ -17,9 +17,11 @@ export class EmployeesComponent {
   private _onlyEmployeesWithoutAuthorization$ = new BehaviorSubject<boolean>(false);
   employeesData$: Observable<EmployeesData> = this.employeeService.employeesData$;
   sort$: Observable<Sort<keyof EmployeeCompactResponse>> = this.employeeService.sort$;
+  private _deletedEmployee$ = new BehaviorSubject<Employee>(null);
+  deletedEmployee$: Observable<Employee> = this._deletedEmployee$.asObservable();
   iconType = IconType;
 
-  constructor(private employeeService: EmployeeService) {}
+  constructor(private employeeService: EmployeeService) { }
 
   get searchValue(): string {
     return this._searchValue$.getValue();
@@ -49,4 +51,12 @@ export class EmployeesComponent {
     this._onlyEmployeesWithoutAuthorization$.next(event.detail.target.checked);
     this.employeeService.setOnlyEmployeesWithoutAuthorization(this.onlyEmployeesWithoutAuthorization);
   }
+
+  handleDeletedEmployee(employee: Employee): void {
+    this._deletedEmployee$.next(employee);
+  }
+
+  onCloseAlert(): void {
+    this._deletedEmployee$.next(null);
+  }
 }
diff --git a/apps/mina-sidor-fa/src/app/shared/models/api/delete-employee.response.model.ts b/apps/mina-sidor-fa/src/app/shared/models/api/delete-employee.response.model.ts
new file mode 100644
index 0000000..32938f1
--- /dev/null
+++ b/apps/mina-sidor-fa/src/app/shared/models/api/delete-employee.response.model.ts
@@ -0,0 +1,4 @@
+export interface DeleteEmployeeMockApiResponse {
+  status: number;
+  message: string;
+}
diff --git a/apps/mina-sidor-fa/src/app/shared/services/api/employee.service.ts b/apps/mina-sidor-fa/src/app/shared/services/api/employee.service.ts
index 86fe930..aa31653 100644
--- a/apps/mina-sidor-fa/src/app/shared/services/api/employee.service.ts
+++ b/apps/mina-sidor-fa/src/app/shared/services/api/employee.service.ts
@@ -4,6 +4,7 @@ import { ErrorType } from '@msfa-enums/error-type.enum';
 import { SortOrder } from '@msfa-enums/sort-order.enum';
 import { environment } from '@msfa-environment';
 import { EmployeeInviteMockApiResponse } from '@msfa-models/api/employee-invite.response.model';
+import { DeleteEmployeeMockApiResponse } from '@msfa-models/api/delete-employee.response.model';
 import {
   EmployeeCompactResponse,
   EmployeeResponse,
@@ -97,6 +98,22 @@ export class EmployeeService {
     this._onlyEmployeesWithoutAuthorization$.next(value);
   }
 
+  // Not done, waiting for delete api http response
+  public deleteEmployee(id: string): Observable<any> {
+    return this.httpClient
+      .delete<DeleteEmployeeMockApiResponse>(`${this._apiUrl}/${id}`, { ...API_HEADERS })
+      .pipe(
+        take(1),
+        map(response => {
+          return {
+            status: response.status || 200, // mockresponse
+            message: response.message || 'deleted succeeded' // mockresponse
+          }
+        }),
+        catchError(error => throwError({ message: error as string, type: ErrorType.API }))
+      );
+  }
+
   public setSort(newSortKey: keyof EmployeeCompactResponse): void {
     const currentSort = this._sort$.getValue();
     const order =