Index: lams_central/web/css/qb-question.scss
===================================================================
diff -u -re8a7110708b15579af2c6b31ac52a6da427fef6d -re71f89c18299fe1233da3a6eacc819d80c1762b2
--- lams_central/web/css/qb-question.scss	(.../qb-question.scss)	(revision e8a7110708b15579af2c6b31ac52a6da427fef6d)
+++ lams_central/web/css/qb-question.scss	(.../qb-question.scss)	(revision e71f89c18299fe1233da3a6eacc819d80c1762b2)
@@ -190,7 +190,7 @@
 	width: 60px;
 	vertical-align: top;
 }
-#option-table td:first-child span{
+#option-table td:first-child span.optionDisplayOrderSpan{
 	display: inline-block;
 	width: 4rem;
 	height: 4rem;
@@ -205,6 +205,11 @@
 	background-color: #337ab7 !important;
 }
 
+#option-table td:first-child span.optionDisplayOrderSpan.correctOption {
+	border-color: #3c763d !important;
+	background-color: #3c763d !important;
+}
+
 /*----------SORTABLE----------------*/
 /* prevent inserting text into CKEditors */
 .sortable-placeholder .option-ckeditor {
Index: lams_central/web/includes/javascript/qb-option.js
===================================================================
diff -u -r59a1ca69eb1c0481603ee0cdbd4a32bbe64db270 -re71f89c18299fe1233da3a6eacc819d80c1762b2
--- lams_central/web/includes/javascript/qb-option.js	(.../qb-option.js)	(revision 59a1ca69eb1c0481603ee0cdbd4a32bbe64db270)
+++ lams_central/web/includes/javascript/qb-option.js	(.../qb-option.js)	(revision e71f89c18299fe1233da3a6eacc819d80c1762b2)
@@ -99,6 +99,14 @@
 	       	if (ui) {
 	        	$(this).next("input").val(ui.value);
 	       	}
+	       	
+	       	// change color of display order circle if the option is the correct one
+	       	var optionDisplayOrderSpan = $(this).closest('.single-option-table').find('.optionDisplayOrderSpan');
+	       	if (newValueInt == 1) {
+	       		optionDisplayOrderSpan.addClass('correctOption');
+	       	} else {
+	       		optionDisplayOrderSpan.removeClass('correctOption');
+	       	}
 	    });
 	    //update slider's label with the initial value
 	    $('.slider').trigger('slide');
Index: lams_central/web/qb/authoring/optionlist.jsp
===================================================================
diff -u -r59a1ca69eb1c0481603ee0cdbd4a32bbe64db270 -re71f89c18299fe1233da3a6eacc819d80c1762b2
--- lams_central/web/qb/authoring/optionlist.jsp	(.../optionlist.jsp)	(revision 59a1ca69eb1c0481603ee0cdbd4a32bbe64db270)
+++ lams_central/web/qb/authoring/optionlist.jsp	(.../optionlist.jsp)	(revision e71f89c18299fe1233da3a6eacc819d80c1762b2)
@@ -90,10 +90,11 @@
 		<c:if test="${!assessmentQuestionForm.authoringRestricted && questionType != 3}">class="sortable-on"</c:if>>
 		
 		<c:forEach var="option" items="${optionList}" varStatus="status">
-			<table id="option-table-${status.index}" class="voffset10-bottom" data-id="${status.index}" tabindex="1">
+			<table id="option-table-${status.index}" class="voffset10-bottom single-option-table" data-id="${status.index}" tabindex="1">
 				<tr>
 					<td>
-						<span id="optionDisplayOrderSpan${status.index}">${questionType == 1 ? ALPHABET[status.index] : status.index + 1}</span>
+						<span class="optionDisplayOrderSpan" 
+							  id="optionDisplayOrderSpan${status.index}">${questionType == 1 ? ALPHABET[status.index] : status.index + 1}</span>
 					</td>
 					
 					<td>