Index: lams_tool_assessment/web/includes/css/assessment.scss
===================================================================
diff -u -r10e6a1f74ecf6ba2d60569e9b9677b88ed39650a -ra898da07b88fd1549722167d5d557dd96e7ef819
--- lams_tool_assessment/web/includes/css/assessment.scss	(.../assessment.scss)	(revision 10e6a1f74ecf6ba2d60569e9b9677b88ed39650a)
+++ lams_tool_assessment/web/includes/css/assessment.scss	(.../assessment.scss)	(revision a898da07b88fd1549722167d5d557dd96e7ef819)
@@ -96,6 +96,14 @@
 	margin-top: -10px;
 }
 
+.aQuestionLink {
+	padding-top: 0.4em;
+    padding-bottom: 0.4em;
+    padding-right: 2em;
+    padding-left: 2em;
+    border-radius: 10px
+}
+
 /*----------countdown growl----------------*/
 .jGrowl {
   	font-size: 22px;
@@ -120,4 +128,4 @@
 }
 .sortable-placeholder {
   background-color: rgba(241, 241, 241, 0.7); 
- }
\ No newline at end of file
+ }
Index: lams_tool_assessment/web/pages/monitoring/parts/mcqStudentChoices5.jsp
===================================================================
diff -u -r3d2969e6746c3b433c8ee29a880748e9e3a6d382 -ra898da07b88fd1549722167d5d557dd96e7ef819
--- lams_tool_assessment/web/pages/monitoring/parts/mcqStudentChoices5.jsp	(.../mcqStudentChoices5.jsp)	(revision 3d2969e6746c3b433c8ee29a880748e9e3a6d382)
+++ lams_tool_assessment/web/pages/monitoring/parts/mcqStudentChoices5.jsp	(.../mcqStudentChoices5.jsp)	(revision a898da07b88fd1549722167d5d557dd96e7ef819)
@@ -1,13 +1,18 @@
 <%@ include file="/common/taglibs.jsp"%>
 
+<link href="<lams:WebAppURL/>includes/css/assessment.css" rel="stylesheet" type="text/css">
+
 <script>
 	$('#allocate-vsas-button').toggle(${vsaPresent});
+	$(function () {
+		$('[data-toggle="tooltip"]').tooltip()
+	})	
 </script>
 
 <!-- Table -->
 <c:if test="${not empty questions}">
 <div class="card">
-<div class="table-responsive card-body pb-0" style="margin:0">
+<div class="table-responsive table-hover card-body pb-0" style="margin:0">
 	<table id="questions-data" class="table table-bordered table-condensed">
 		<thead>
 			<tr role="row" class="border-top-0">
@@ -33,15 +38,15 @@
 					</c:forEach>
 					<c:choose>
 						<c:when test="${correctOptionPercentage > 95}">
-							<c:set var="highlightClass" value="bg-success" />
+							<c:set var="highlightClass" value="bg-success border-success" />
 							<c:set var="textClass" value="text-white" />
 						</c:when>
 						<c:when test="${correctOptionPercentage >= 0 and correctOptionPercentage < 40}">
-							<c:set var="highlightClass" value="bg-danger" />
+							<c:set var="highlightClass" value="bg-danger border-danger" />
 							<c:set var="textClass" value="text-white" />
 						</c:when>
 						<c:when test="${correctOptionPercentage >= 0 and correctOptionPercentage < 75}">
-							<c:set var="highlightClass" value="bg-warning" />
+							<c:set var="highlightClass" value="bg-warning border-warning" />
 							<c:set var="textClass" value="" />
 						</c:when>
 						<c:otherwise>
@@ -50,18 +55,19 @@
 						</c:otherwise>
 					</c:choose>
 					
-					<td class="text-center ${highlightClass}">
-						<a data-bs-toggle="modal" data-bs-target="#question${i.index}Modal" href="#" class="fs-5 ${textClass}">
+					<td class="text-center">
+						<a data-bs-toggle="modal" data-bs-target="#question${i.index}Modal" href="#" class="${highlightClass} fs-5 ${textClass} aQuestionLink">
 							${i.index+1}
 						</a>
 					</td>
 					
 					<c:forEach var="option" items="${question.optionDtos}">
 						<td class="align-middle text-center
 							<c:if test="${option.correct}">
-								fw-bolder fs-5" title="<fmt:message key="label.authoring.true.false.correct.answer"/>
+								fw-bolder text-success fs-5" title="<fmt:message key="label.authoring.true.false.correct.answer"/>
 							</c:if>
-							">
+							"  data-toggle="tooltip" data-placement="top"
+							>
 							<c:choose>
 								<c:when test="${option.percentage == -1}">-</c:when>
 								<c:otherwise><fmt:formatNumber type="number" maxFractionDigits="2" value="${option.percentage}"/>%</c:otherwise>
@@ -128,4 +134,4 @@
 	</div>
 </c:forEach>
 <!-- End question detail modal -->
-</c:if>
\ No newline at end of file
+</c:if>