Index: lams_monitoring/web/css/_monitorLesson_base.scss
===================================================================
diff -u -r5836e66bf18ae495d83b4a807a9de46fdff49606 -r56bc1b92bc03ddf1673c972928eedb8a60c882ef
--- lams_monitoring/web/css/_monitorLesson_base.scss	(.../_monitorLesson_base.scss)	(revision 5836e66bf18ae495d83b4a807a9de46fdff49606)
+++ lams_monitoring/web/css/_monitorLesson_base.scss	(.../_monitorLesson_base.scss)	(revision 56bc1b92bc03ddf1673c972928eedb8a60c882ef)
@@ -318,9 +318,20 @@
 	background-color : #FFFFFF;
 }
 
-#completedLearnersContainer div.learner-icon {
-	margin-right: 10px;
+div#sequenceCanvas div.learner-icon.learner-searched {
+	border: red 3px solid;
+	border-radius: 25px;
+	z-index: 109 !important;	
 }
+
+div#sequenceCanvas div.portrait-generic-sm.learner-icon.learner-searched {
+	border: none;	
+}
+
+div#sequenceCanvas div.portrait-generic-sm.learner-icon.learner-searched::before {
+	border: red 3px solid;
+	border-radius: 25px;
+}
   
 div#sequenceCanvas div.more-learner-icon, #completedLearnersContainer div.more-learner-icon {
 	display: inline-block;
@@ -333,7 +344,7 @@
 	background-color : #e7e7e7;
 	text-align: center;
 }
-  
+
 div#sequenceCanvas .activity-requires-attention {
 	position: absolute;
 	cursor  : pointer;
Index: lams_monitoring/web/includes/javascript/monitorLesson.js
===================================================================
diff -u -r5836e66bf18ae495d83b4a807a9de46fdff49606 -r56bc1b92bc03ddf1673c972928eedb8a60c882ef
--- lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision 5836e66bf18ae495d83b4a807a9de46fdff49606)
+++ lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision 56bc1b92bc03ddf1673c972928eedb8a60c882ef)
@@ -1897,31 +1897,20 @@
 	// show the "clear" button
 	$('#sequenceSearchPhraseClear').css('visibility', 'visible');
 	
+	// border and z-index are manipulated via CSS
+	icon.addClass('learner-searched');
 	
-	var highlighter = $('#sequenceSearchedLearnerHighlighter'),
-		isVisible = highlighter.is(':visible');
+	toggleInterval = setInterval(function(){
+		icon.toggle();
+	}, 500);
 	
-	highlighter.show().offset({
-			'top'  : icon.offset().top - 25,
-			'left' : icon.offset().left - 4
-		});
-	
-	// blink only after the search, not after subsequent refreshes
-	if (!isVisible) {
-		toggleInterval = setInterval(function(){
-			highlighter.toggle();
-		}, 500);
-		
-		setTimeout(function(){
-			clearInterval(toggleInterval);
-			//if the search box was cleared during blinking, act accordingly
-			if (sequenceSearchedLearner) {
-				highlighter.show();
-			} else {
-				highlighter.hide();
-			}
-		}, 3000);
-	}
+	setTimeout(function(){
+		clearInterval(toggleInterval);
+		//if the search box was cleared during blinking, act accordingly
+		if (!sequenceSearchedLearner) {
+			icon.removeClass('learner-searched');
+		}
+	}, 3000);
 }