diff --git a/src/app/administration/api-token/add-token/add-token.component.html b/src/app/administration/api-token/add-token/add-token.component.html
index 2816115f..a6c61ee7 100644
--- a/src/app/administration/api-token/add-token/add-token.component.html
+++ b/src/app/administration/api-token/add-token/add-token.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
     <div class="modal-header">
-      <h4 class="modal-title" id="modal-basic-title">Add new token</h4>
+      <h5 class="modal-title" id="modal-basic-title">Add new token</h5>
       <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
         <span aria-hidden="true">&times;</span>
       </button>
diff --git a/src/app/administration/api-token/delete-token/delete-token.component.html b/src/app/administration/api-token/delete-token/delete-token.component.html
index fc4fff58..80eaccf9 100644
--- a/src/app/administration/api-token/delete-token/delete-token.component.html
+++ b/src/app/administration/api-token/delete-token/delete-token.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
     <div class="modal-header">
-      <h4 class="modal-title" id="modal-basic-title">Delete api token</h4>
+      <h5 class="modal-title" id="modal-basic-title">Delete api token</h5>
       <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
         <span aria-hidden="true">&times;</span>
       </button>
diff --git a/src/app/administration/projects/add-project/add-project-modal.component.html b/src/app/administration/projects/add-project/add-project-modal.component.html
index abaea17e..63709556 100644
--- a/src/app/administration/projects/add-project/add-project-modal.component.html
+++ b/src/app/administration/projects/add-project/add-project-modal.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
   <div class="modal-header">
-    <h4 class="modal-title" id="modal-basic-title">Add new project</h4>
+    <h5 class="modal-title" id="modal-basic-title">Add new project</h5>
     <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
       <span aria-hidden="true">&times;</span>
     </button>
diff --git a/src/app/administration/projects/delete-project/delete-project.component.html b/src/app/administration/projects/delete-project/delete-project.component.html
index 747d8d2f..bf6733a1 100644
--- a/src/app/administration/projects/delete-project/delete-project.component.html
+++ b/src/app/administration/projects/delete-project/delete-project.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
   <div class="modal-header">
-    <h4 class="modal-title" id="modal-basic-title">Delete project</h4>
+    <h5 class="modal-title" id="modal-basic-title">Delete project</h5>
     <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
       <span aria-hidden="true">&times;</span>
     </button>
diff --git a/src/app/administration/projects/edit-project/edit-project.component.html b/src/app/administration/projects/edit-project/edit-project.component.html
index 7b4b3188..0d27da7b 100644
--- a/src/app/administration/projects/edit-project/edit-project.component.html
+++ b/src/app/administration/projects/edit-project/edit-project.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
   <div class="modal-header">
-    <h4 class="modal-title" id="modal-basic-title">Edit project</h4>
+    <h5 class="modal-title" id="modal-basic-title">Edit project</h5>
     <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
       <span aria-hidden="true">&times;</span>
     </button>
diff --git a/src/app/administration/users/add-user/add-user.component.html b/src/app/administration/users/add-user/add-user.component.html
index f89c29a7..f9ea3030 100644
--- a/src/app/administration/users/add-user/add-user.component.html
+++ b/src/app/administration/users/add-user/add-user.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
     <div class="modal-header">
-      <h4 class="modal-title" id="modal-basic-title">Add new user</h4>
+      <h5 class="modal-title" id="modal-basic-title">Add new user</h5>
       <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
         <span aria-hidden="true">&times;</span>
       </button>
diff --git a/src/app/administration/users/delete-user/delete-user.component.html b/src/app/administration/users/delete-user/delete-user.component.html
index 17e48b34..19f1b5a8 100644
--- a/src/app/administration/users/delete-user/delete-user.component.html
+++ b/src/app/administration/users/delete-user/delete-user.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
   <div class="modal-header">
-    <h4 class="modal-title" id="modal-basic-title">Delete user</h4>
+    <h5 class="modal-title" id="modal-basic-title">Delete user</h5>
     <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
       <span aria-hidden="true">&times;</span>
     </button>
diff --git a/src/app/item-detail/attachements/attachements.component.html b/src/app/item-detail/attachements/attachements.component.html
index e9b7a92c..81ee796d 100644
--- a/src/app/item-detail/attachements/attachements.component.html
+++ b/src/app/item-detail/attachements/attachements.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
   <div class="modal-header">
-    <h4 class="modal-title" id="modal-basic-title">Additional test files</h4>
+    <h5 class="modal-title" id="modal-basic-title">Additional test files</h5>
     <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
       <span aria-hidden="true">&times;</span>
     </button>
diff --git a/src/app/item-detail/delete-item/delete-item.component.html b/src/app/item-detail/delete-item/delete-item.component.html
index 0e48d8a1..83392736 100644
--- a/src/app/item-detail/delete-item/delete-item.component.html
+++ b/src/app/item-detail/delete-item/delete-item.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
   <div class="modal-header">
-    <h4 class="modal-title" id="modal-basic-title">Delete test</h4>
+    <h5 class="modal-title" id="modal-basic-title">Delete test</h5>
     <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
       <span aria-hidden="true">&times;</span>
     </button>
diff --git a/src/app/item-detail/edit-item/edit-item.component.html b/src/app/item-detail/edit-item/edit-item.component.html
index 02d4493b..81ed5cab 100644
--- a/src/app/item-detail/edit-item/edit-item.component.html
+++ b/src/app/item-detail/edit-item/edit-item.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
   <div class="modal-header">
-    <h4 class="modal-title" id="modal-basic-title">Edit test item</h4>
+    <h5 class="modal-title" id="modal-basic-title">Edit test item</h5>
     <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
       <span aria-hidden="true">&times;</span>
     </button>
diff --git a/src/app/scenario/add-new-item/add-new-item.component.html b/src/app/scenario/add-new-item/add-new-item.component.html
index 90e3fb40..7d5eaf4f 100644
--- a/src/app/scenario/add-new-item/add-new-item.component.html
+++ b/src/app/scenario/add-new-item/add-new-item.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
   <div class="modal-header">
-    <h4 class="modal-title" id="modal-basic-title">Add new test item</h4>
+    <h5 class="modal-title" id="modal-basic-title">Add new test item</h5>
     <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
       <span aria-hidden="true">&times;</span>
     </button>
diff --git a/src/app/scenario/delete-scenario/delete-scenario.component.html b/src/app/scenario/delete-scenario/delete-scenario.component.html
index e8b1237d..5577c5d6 100644
--- a/src/app/scenario/delete-scenario/delete-scenario.component.html
+++ b/src/app/scenario/delete-scenario/delete-scenario.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
   <div class="modal-header">
-    <h4 class="modal-title" id="modal-basic-title">Delete test</h4>
+    <h5 class="modal-title" id="modal-basic-title">Delete test</h5>
     <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
       <span aria-hidden="true">&times;</span>
     </button>
diff --git a/src/app/scenario/edit-scenario/edit-scenario.component.html b/src/app/scenario/edit-scenario/edit-scenario.component.html
index eee58e73..dc604342 100644
--- a/src/app/scenario/edit-scenario/edit-scenario.component.html
+++ b/src/app/scenario/edit-scenario/edit-scenario.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
     <div class="modal-header">
-      <h4 class="modal-title" id="modal-basic-title">Edit scenario</h4>
+      <h5 class="modal-title" id="modal-basic-title">Edit scenario</h5>
       <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
         <span aria-hidden="true">&times;</span>
       </button>
diff --git a/src/app/scenario/external-notification/add-new-external-notification/add-new-external-notification.component.html b/src/app/scenario/external-notification/add-new-external-notification/add-new-external-notification.component.html
index 1425b7da..e1fa2b64 100644
--- a/src/app/scenario/external-notification/add-new-external-notification/add-new-external-notification.component.html
+++ b/src/app/scenario/external-notification/add-new-external-notification/add-new-external-notification.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
   <div class="modal-header">
-    <h4 class="modal-title" id="modal-basic-title">MS Teams Webhook</h4>
+    <h5 class="modal-title" id="modal-basic-title">MS Teams Webhook</h5>
     <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
       <span aria-hidden="true">&times;</span>
     </button>
diff --git a/src/app/scenario/external-notification/delete-external-notification/delete-external-notification.component.html b/src/app/scenario/external-notification/delete-external-notification/delete-external-notification.component.html
index c233f3ab..dcd5dcd5 100644
--- a/src/app/scenario/external-notification/delete-external-notification/delete-external-notification.component.html
+++ b/src/app/scenario/external-notification/delete-external-notification/delete-external-notification.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
   <div class="modal-header">
-    <h4 class="modal-title" id="modal-basic-title">Delete Notification</h4>
+    <h5 class="modal-title" id="modal-basic-title">Delete Notification</h5>
     <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
       <span aria-hidden="true">&times;</span>
     </button>
diff --git a/src/app/scenario/external-notification/external-notification.component.html b/src/app/scenario/external-notification/external-notification.component.html
index 27e39bf7..3761737e 100644
--- a/src/app/scenario/external-notification/external-notification.component.html
+++ b/src/app/scenario/external-notification/external-notification.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
   <div class="modal-header">
-    <h4 class="modal-title" id="modal-basic-title">External notifications</h4>
+    <h5 class="modal-title" id="modal-basic-title">External notifications</h5>
     <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
       <span aria-hidden="true">&times;</span>
     </button>
diff --git a/src/app/scenarios/new-scenario/add-new-scenario.component.html b/src/app/scenarios/new-scenario/add-new-scenario.component.html
index 7dfd9784..0bd5fb12 100644
--- a/src/app/scenarios/new-scenario/add-new-scenario.component.html
+++ b/src/app/scenarios/new-scenario/add-new-scenario.component.html
@@ -1,6 +1,6 @@
 <ng-template #content let-modal>
   <div class="modal-header">
-    <h4 class="modal-title" id="modal-basic-title">Create test item</h4>
+    <h5 class="modal-title" id="modal-basic-title">Create test item</h5>
     <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
       <span aria-hidden="true">&times;</span>
     </button>
diff --git a/src/styles.scss b/src/styles.scss
index 5a7707c3..474a693d 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -127,3 +127,12 @@ a:hover {
   border-color: #dee3ed;
   color: #4b7cf3;
 }
+
+.modal-footer {
+  border-top: none;
+}
+
+.modal-header {
+  border-bottom: none;
+}
+