diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css
index 642faae3ee..c0e76c13a8 100644
--- a/api/templates/default/etemplate2.css
+++ b/api/templates/default/etemplate2.css
@@ -3162,6 +3162,7 @@ tr.disableIfNoEPL {
 
 .colselection.ui-widget-content {
 	width: 45%;
+	height:80%;
 }
 
 .colselection .et2_selectbox .ui-widget-header.ui-helper-clearfix {
@@ -3176,4 +3177,11 @@ tr.disableIfNoEPL {
 .colselection .et2_selectbox .ui-multiselect-checkboxes li label{
 	cursor: grab;
 }
-.colselection .et2_selectbox .ui-multiselect-checkboxes li label.ui-state-hover {background: none;}
\ No newline at end of file
+.colselection .et2_selectbox .ui-multiselect-checkboxes li label.ui-state-hover {background: none;}
+
+.colselection.ui-widget-content .et2_selectbox {
+	height: calc(100% - 68px);
+}
+.colselection.ui-widget-content .et2_selectbox .ui-multiselect-checkboxes {
+	height: calc(100% - 68px) !important;
+}
\ No newline at end of file
diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 1abf49ef74..e211ca86d0 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -3770,6 +3770,13 @@ div#egwpopup_message {
 }
 .colselection.ui-widget-content {
   width: 45%;
+  height: 80%;
+}
+.colselection.ui-widget-content .et2_selectbox {
+  height: calc(100% - 68px);
+}
+.colselection.ui-widget-content .et2_selectbox .ui-multiselect-checkboxes {
+  height: calc(100% - 68px) !important;
 }
 /*Calendar ##############*/
 td.message {
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index 4d94042aa2..9dd7298f58 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -3759,6 +3759,13 @@ div#egwpopup_message {
 }
 .colselection.ui-widget-content {
   width: 45%;
+  height: 80%;
+}
+.colselection.ui-widget-content .et2_selectbox {
+  height: calc(100% - 68px);
+}
+.colselection.ui-widget-content .et2_selectbox .ui-multiselect-checkboxes {
+  height: calc(100% - 68px) !important;
 }
 /*Calendar ##############*/
 td.message {
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 56e672830b..c119bf0b3f 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -3770,6 +3770,13 @@ div#egwpopup_message {
 }
 .colselection.ui-widget-content {
   width: 45%;
+  height: 80%;
+}
+.colselection.ui-widget-content .et2_selectbox {
+  height: calc(100% - 68px);
+}
+.colselection.ui-widget-content .et2_selectbox .ui-multiselect-checkboxes {
+  height: calc(100% - 68px) !important;
 }
 /*Calendar ##############*/
 td.message {
diff --git a/pixelegg/less/layout_messages.less b/pixelegg/less/layout_messages.less
index ba9501cee3..13a56288ca 100755
--- a/pixelegg/less/layout_messages.less
+++ b/pixelegg/less/layout_messages.less
@@ -269,7 +269,16 @@ div#egwpopup_message {
 		}
 }
 
-.colselection.ui-widget-content {width: 45%;}
+.colselection.ui-widget-content {
+	width: 45%;
+	height:80%;
+	.et2_selectbox {
+		height: ~"calc(100% - 68px)";
+		.ui-multiselect-checkboxes {
+			height: ~"calc(100% - 68px)" !important;
+		}
+	}
+}
 
  /*Calendar ##############*/
 td.message {
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index a8965c8ae2..172fe08b59 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -3781,6 +3781,13 @@ div#egwpopup_message {
 }
 .colselection.ui-widget-content {
   width: 45%;
+  height: 80%;
+}
+.colselection.ui-widget-content .et2_selectbox {
+  height: calc(100% - 68px);
+}
+.colselection.ui-widget-content .et2_selectbox .ui-multiselect-checkboxes {
+  height: calc(100% - 68px) !important;
 }
 /*Calendar ##############*/
 td.message {