Index: lams_tool_lamc/web/learning/SingleQuestionAnswersContent.jsp
===================================================================
diff -u -r94b2225ee897f0a10318b17e1c692f2ccbb1e36b -rbc8213e12c4e5afddd0394ad66386ef3e70d1611
--- lams_tool_lamc/web/learning/SingleQuestionAnswersContent.jsp	(.../SingleQuestionAnswersContent.jsp)	(revision 94b2225ee897f0a10318b17e1c692f2ccbb1e36b)
+++ lams_tool_lamc/web/learning/SingleQuestionAnswersContent.jsp	(.../SingleQuestionAnswersContent.jsp)	(revision bc8213e12c4e5afddd0394ad66386ef3e70d1611)
@@ -9,8 +9,8 @@
 <c:forEach var="answerDto" varStatus="status" items="${requestScope.learnerAnswerDtos}">
 	<c:if test="${answerDto.displayOrder == mcGeneralLearnerFlowDTO.questionIndex}">
 
-		<div class="row no-gutter">
-			<div class="col-xs-12">
+		<div class="row g-0">
+			<div class="col-12">
 				<div class="panel panel-default">
 					<div class="panel-heading">
 						<table>
@@ -35,30 +35,31 @@
 							</c:if>
 						</table>
 					</div>
+					
 					<!-- Display answers -->
 					<div class="panel-body">
 						<div class="table-responsive">
-							<table class="table table-hover table-condensed">
+							<table class="table table-hover table-sm">
 								<tbody>
 									<c:forEach var="option" varStatus="status" items="${answerDto.options}">
 										<tr>
-											<td class="text-nowrap" style="vertical-align: top;">
-												<input type="radio"	id="${answerDto.questionUid}-${option.qbOption.uid}" name="checkedCa" class="noBorder"
-														value="${answerDto.questionUid}-${option.qbOption.uid}" 
-														<c:if test="${option.selected}">checked="checked"</c:if> 
-												/> 
-												<c:if test="${isPrefixAnswersWithLetters}">
-													<c:set var="seqLetter" value="${status.index}" />
-													<%=Character.toChars(97 + (Integer) pageContext.getAttribute("seqLetter"))%>)
-                              					</c:if>
-                              				</td>
-
-											<td width="100%">
-												<label for="${answerDto.questionUid}-${option.qbOption.uid}"> <c:out
-														value="${option.qbOption.name}" escapeXml="false" />
-												</label>
+											<td class="text-nowrap" width="100%">
+												<div class="form-check">
+													<input type="radio"	id="${answerDto.questionUid}-${option.qbOption.uid}" name="checkedCa" class="form-check-input"
+															value="${answerDto.questionUid}-${option.qbOption.uid}" 
+															<c:if test="${option.selected}">checked="checked"</c:if> 
+													/> 
+	
+													<label for="${answerDto.questionUid}-${option.qbOption.uid}" class="form-check-label">
+														<c:if test="${isPrefixAnswersWithLetters}">
+															<c:set var="seqLetter" value="${status.index}" />
+															<%=Character.toChars(97 + (Integer) pageContext.getAttribute("seqLetter"))%>)
+		                              					</c:if>
+	                              					 
+														<c:out value="${option.qbOption.name}" escapeXml="false" />
+													</label>
+												</div>
 											</td>
-
 										</tr>
 									</c:forEach>