diff --git a/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.html b/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.html
index 92fa89d..48811a8 100644
--- a/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.html
+++ b/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.html
@@ -87,8 +87,10 @@
         </digi-typography>
 
         <ul class="employee-form__authorizations">
-          <li *ngFor="let authorization of authorizations; let first = first" class="employee-form__authorization-item">
+          <li *ngFor="let authorization of authorizations; let first = first" 
+              class="employee-form__authorization-item">
             <digi-form-checkbox
+              class="employee-form__digi-checkbox"
               [afId]="(first && 'employee-form-authorizations') || undefined"
               af-variation="primary"
               [afValidation]="authorizationsControl.invalid && authorizationsControl.dirty && 'error'"
@@ -97,9 +99,11 @@
               [afChecked]="authorizationsControl.value.includes(authorization)"
               (afOnChange)="toggleAuthorization(authorization, $event.detail.target.checked)"
             ></digi-form-checkbox>
-            <digi-ng-popover class="employee-form__popover">
-              <p>Info om behörighet</p>
-            </digi-ng-popover>
+            <digi-button af-variation="secondary" [afAriaLabel]="'Läs mer om ' + authorization.name"
+                          af-size="s" class="employee-form__read-more"
+                          (afOnClick)="openDialog(true, authorization.name)">
+              Läs mer
+            </digi-button>
           </li>
         </ul>
         <digi-form-validation-message
@@ -116,6 +120,39 @@
       <digi-button af-type="reset" af-variation="secondary" (afOnClick)="resetForm($event.detail)">Avbryt</digi-button>
       <digi-button af-type="submit">Registrera konto</digi-button>
     </div>
+
+    <!-- Modal/ Dialog window -->
+    <digi-ng-dialog 
+            [afActive]="toggleDialog"
+            (afOnInactive)="openDialog(false)"
+            (afOnPrimaryClick)="openDialog(false)"
+            [afHeading]="modalAuthInfo.name"
+            afHeadingLevel="h3"
+            afPrimaryButtonText="Stäng">
+      <p>
+        Behörigheten passar personer som arbetar nära deltagare. 
+        Behörigheten kan användas av exempelvis handledare, coacher, studie- och yrkesvägledare, 
+        lärare eller annan roll som behöver kunna se information om deltager, kontakta deltagare, 
+        planera aktiviteter med deltagre och hantera rapporter för deltagre.
+      </p>
+
+      <p>
+        Behörigheten ger tillgång till och utföra aktiviteter i följande funktioner i systemet:
+      </p>
+
+      <p>
+        - Deltagarlista <br/>
+        - Information om deltagare <br/>
+        - Resultatrapporter <br/>
+        - Slutredovisning <br/>
+        - Informativ rapport <br/>
+        - Skicka välkomstbrev * <br/>
+        - Planera deltagares aktiviteter <br/>
+        - Deltagares schema <br/>
+        - Avvikelserapporter <br/>
+        - Närvaro- och frånvarorapporter <br/><br/>
+      </p>
+    </digi-ng-dialog>
   </form>
 </section>
 </dafa-logged-in-shell>
diff --git a/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.scss b/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.scss
index 0ad59d0..a5fbaad 100644
--- a/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.scss
+++ b/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.scss
@@ -38,7 +38,13 @@
     margin-bottom: var(--digi--layout--gutter);
   }
 
-  &__authorization-item,
+  &__authorization-item {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-areas:"auth-checkbox read-more";
+  }
+
+
   &__service-item {
     display: flex;
     align-items: center;
@@ -59,11 +65,14 @@
     gap: var(--digi--layout--gutter);
   }
 
-  &__popover {
-    margin-left: var(--digi--layout--gutter);
+  &__digi-checkbox {
+    grid-area: auth-checkbox;   
+    align-self: center;
+    padding: 0.5rem 0;
+  }
 
-    ::ng-deep .digi-ng-popover__container {
-      z-index: 1;
-    }
+  &__read-more {
+    grid-area: read-more;
+    align-self: center;
   }
 }
diff --git a/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.ts b/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.ts
index 384b92f..f96a4ec 100644
--- a/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.ts
+++ b/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.ts
@@ -9,7 +9,7 @@ import { EmployeeService } from '@dafa-services/api/employee.service';
 import { ServiceService } from '@dafa-services/api/service.service';
 import { SocialSecurityNumberValidator } from '@dafa-utils/validators/social-security-number.validator';
 import { RequiredValidator } from '@dafa-validators/required.validator';
-import { Observable } from 'rxjs';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
 
 @Component({
@@ -24,6 +24,8 @@ export class EmployeeFormComponent {
   servicesSelectItems$: Observable<FormSelectBaseItem[]> = this.services$.pipe(
     map(services => services.map(({ name, id }) => ({ name, value: id })))
   );
+  toggleDialog: boolean = false;
+  modalAuthInfo: any = {'name': 'Test Behörighetsnamn'};
 
   formGroup: FormGroup = this.formBuilder.group({
     firstName: this.formBuilder.control('', [RequiredValidator('Förnamn')]),
@@ -99,6 +101,13 @@ export class EmployeeFormComponent {
     }
   }
 
+  openDialog(val: boolean, authName?:any) {
+    if(authName) {
+      this.modalAuthInfo.name = authName;
+    }
+    this.toggleDialog = val;
+  }
+
   setFocusOnInvalidInput(event: CustomEvent): void {
     console.log(event.target);
   }
diff --git a/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.module.ts b/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.module.ts
index 02e4dc8..323ea66 100644
--- a/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.module.ts
+++ b/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.module.ts
@@ -10,6 +10,7 @@ import { ReactiveFormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 import { LocalDatePipeModule } from '@dafa-shared/pipes/local-date/local-date.module';
 import { EmployeeFormComponent } from './employee-form.component';
+import { DigiNgDialogModule } from '@af/digi-ng/_dialog/dialog';
 import { LoggedInShellModule } from '../../../../components/logged-in-shell/logged-in-shell.module';
 
 @NgModule({
@@ -26,6 +27,7 @@ import { LoggedInShellModule } from '../../../../components/logged-in-shell/logg
     DigiNgFormSelectModule,
     DigiNgPopoverModule,
     DigiNgFormCheckboxModule,
+    DigiNgDialogModule,
     LoggedInShellModule
   ]
 })
diff --git a/mock-api/dafa-web/scripts/authorizations.js b/mock-api/dafa-web/scripts/authorizations.js
index c59f8c2..4bcc0dc 100644
--- a/mock-api/dafa-web/scripts/authorizations.js
+++ b/mock-api/dafa-web/scripts/authorizations.js
@@ -6,19 +6,19 @@ function generateAuthorizations() {
   return [
     {
       id: faker.datatype.uuid(),
-      name: 'Hantera behörigheter',
+      name: "Administrera behörigheter"
     },
     {
       id: faker.datatype.uuid(),
-      name: 'Hantera användare',
+      name: "Ta emot deltagare"
     },
     {
       id: faker.datatype.uuid(),
-      name: 'Hantera organisation',
+      name: "Rapportering, planering och information om deltagare"
     },
     {
       id: faker.datatype.uuid(),
-      name: 'Hantera ekonomi',
+      name: "Administrera ordrar och fakturor",
     },
   ];
 }