diff --git a/public/css/Cis4/Cis.css b/public/css/Cis4/Cis.css
index 64bf769fc..80784fe5d 100644
--- a/public/css/Cis4/Cis.css
+++ b/public/css/Cis4/Cis.css
@@ -838,4 +838,18 @@ html {
 	#lektorenContainer {
 		grid-template-columns: 1fr 1fr;
 	}
+}
+
+#cis-main .modal-header{
+	background-color: var(--fhc-primary);
+	color: var(--fhc-light);
+}
+
+#cis-main .modal-header .btn-close{
+	filter: invert(1);
+}
+
+#cis-main .modal-footer {
+	background-color: var(--fhc-secondary);
+	
 }
\ No newline at end of file
diff --git a/public/js/components/Base/Modal.js b/public/js/components/Base/Modal.js
index ad3785e62..9a07f9c16 100644
--- a/public/js/components/Base/Modal.js
+++ b/public/js/components/Base/Modal.js
@@ -16,7 +16,7 @@ export default {
         :class="this.cModalClass"
         :id="this.id"
         :aria-labelledby="this.id + '_label'" aria-hidden="true" tabindex="-1">       
-            <div class="modal-dialog" :class="this.cModalDialogClass">
+            <div class="modal-dialog modal-dialog-scrollable" :class="this.cModalDialogClass">
                 <div class="modal-content">
                     <div class="modal-header">
                         <h5 class="modal-title" :id="this.id + '_label'">