Index: lams_monitoring/web/css/components-monitoring.css
===================================================================
diff -u -r3bea51c547c2bc26806066b683e51138ecd4e8e5 -rf5fa910456cca31846e2c1a097bb4ab750a345ab
--- lams_monitoring/web/css/components-monitoring.css	(.../components-monitoring.css)	(revision 3bea51c547c2bc26806066b683e51138ecd4e8e5)
+++ lams_monitoring/web/css/components-monitoring.css	(.../components-monitoring.css)	(revision f5fa910456cca31846e2c1a097bb4ab750a345ab)
@@ -859,8 +859,6 @@
 
 .dialogContainer .dialogSearchPhraseClear {
 	visibility: hidden;
-	padding-top: 11px;
-	cursor: pointer;
 }
 
 .ui-front {
@@ -871,30 +869,39 @@
 	border-radius: 0 0 5px 5px;
 }
 
-.dialogContainer .navCell i {
-	cursor: pointer;
+.dialogContainer .pageCell {
+	vertical-align: middle;
 }
 
 .dialogContainer .dialogListItem {
-	padding: 3px 0 3px 5px;
+	height: 3rem;
+	border-color: var(--bs-gray-300);
     cursor: pointer;
 }
 
+.dialogContainer .dialogListItem:hover {
+	background-color: var(--bs-gray-200);
+}
+
 .dialogContainer .dialogListItem .portrait-sm {
-	margin: 3px 0 -4px 0;
+	margin: 7px 0 0 7px;
 }
 
-.dialogContainer .dialogListItem  .portrait-sm-lineheight {
-	margin-left: 5px;	
+R.dialogContainer .dialogListItem .portrait-generic-sm {
+	margin-top: 2px;
 }
 
-.dialogContainer .dialogListItem .portrait-sm + .portrait-sm-lineheight {
+.dialogContainer .dialogListItem  .portrait-sm-lineheight {
 	display: inline-block;
-	margin-top: 3px;
-} 
+	margin-top: 2px;
+}
+
+.dialogContainer .dialogListItem  .portrait-sm + .portrait-sm-lineheight {
+	margin-left: 8px;
+}
+
 .dialogContainer .dialogListItem.dialogListItemSelected {
-    background-color: #5898d0 !important;
-    color: white !important;
+    background-color: rgba(0, 145, 74, 0.1) !important;
 }
 
 .dialogContainer .dialogTitle {