Index: lams_monitoring/web/includes/javascript/monitorLesson.js
===================================================================
diff -u -r4fedcb4cf4ff6424821847b4280f18fa25a17f22 -ra7e84809c83d769b94e1e77b71b380b15732d666
--- lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision 4fedcb4cf4ff6424821847b4280f18fa25a17f22)
+++ lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision a7e84809c83d769b94e1e77b71b380b15732d666)
@@ -622,6 +622,10 @@
 		
 	$('.is-countdown', tabContent).countdown('destroy');
 	tabContent.empty();
+	
+	$('#sequenceSearchPhraseButton').prop('disabled', sequenceSearchedLearner == null);
+	$('#sequenceSearchPhraseIcon').toggle(sequenceSearchedLearner == null);
+	$('#sequenceSearchPhraseClearIcon').toggle(sequenceSearchedLearner != null);
 		
 	switch(tabName) {
 		case 'sequence': {
@@ -2235,11 +2239,6 @@
  * Shows where the searched learner is.
  */
 function highlightSearchedLearner(icon) {
-	// show the "clear" button
-	$('#sequenceSearchPhraseButton').prop('disabled', false);
-	$('#sequenceSearchPhraseIcon').hide();
-	$('#sequenceSearchPhraseClearIcon').show();
-	
 	// border and z-index are manipulated via CSS
 	icon.addClass('learner-searched');
 	
@@ -2477,6 +2476,11 @@
 		},
 		'dataType' : 'json',
 		'success'  : function(response) {
+			// show the "clear" button
+			$('#sequenceSearchPhraseButton').prop('disabled', sequenceSearchedLearner == null);
+			$('#sequenceSearchPhraseIcon').toggle(sequenceSearchedLearner == null);
+			$('#sequenceSearchPhraseClearIcon').toggle(sequenceSearchedLearner != null);
+			
 			// hide/show pager elements depending if they are needed
 			if (sequenceSearchedLearner) {
 				pager.addClass('d-none');