Index: lams_monitoring/web/css/_monitorLesson_base.scss
===================================================================
diff -u -r71d4a3c198f7d4ef4c45e8de6ba32ade493a47cb -r527a3598e0f0f7774db1f2f1b60c677139221d0d
--- lams_monitoring/web/css/_monitorLesson_base.scss	(.../_monitorLesson_base.scss)	(revision 71d4a3c198f7d4ef4c45e8de6ba32ade493a47cb)
+++ lams_monitoring/web/css/_monitorLesson_base.scss	(.../_monitorLesson_base.scss)	(revision 527a3598e0f0f7774db1f2f1b60c677139221d0d)
@@ -331,8 +331,13 @@
 	position: absolute;
 }
 
+#completedLearnersContainer {
+	overflow: auto;	
+}
+
 #completedLearnersContainer div.learner-icon {
   margin-right: 5px;
+  min-width: 35px;
 }
 
 div#sequenceCanvas div.more-learner-icon, #completedLearnersContainer div.more-learner-icon {
Index: lams_monitoring/web/includes/javascript/monitorLesson.js
===================================================================
diff -u -re7b08ccbe2acd7966b75acbb62e95bfdda2e3bbd -r527a3598e0f0f7774db1f2f1b60c677139221d0d
--- lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision e7b08ccbe2acd7966b75acbb62e95bfdda2e3bbd)
+++ lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision 527a3598e0f0f7774db1f2f1b60c677139221d0d)
@@ -1831,6 +1831,11 @@
 	if (learners) {
 		// create learner icons, along with handlers
 		$.each(learners, function(learnerIndex, learner){
+			if (learnerIndex >= 23) {
+				// display only first few learners, not all of them
+				return false;
+			}
+			
 			let icon = $(definePortrait(learner.portraitId, learner.id, STYLE_SMALL, true, LAMS_URL))
 				  .addClass('new-popover learner-icon')
 				  .attr({