Index: lams_central/web/css/components.css
===================================================================
diff -u -r8ea5094b7d3b0f6e705ede366fd0c78c175905ab -ra2a21e30023e4e11e0df353b781e73fcd8d9e6b8
--- lams_central/web/css/components.css	(.../components.css)	(revision 8ea5094b7d3b0f6e705ede366fd0c78c175905ab)
+++ lams_central/web/css/components.css	(.../components.css)	(revision a2a21e30023e4e11e0df353b781e73fcd8d9e6b8)
@@ -89,10 +89,16 @@
 	content: "\f054";
 }
 
-.component-page-wrapper table.table thead {
-	background-color: #e5e5e5;
+.component-page-wrapper table.table thead th {
+	border: none;
+    border-bottom: 2px solid #20639B;
 }
 
+.component-page-wrapper table.table tbody td {
+	border: none;
+    border-bottom: 2px solid #C3CEDC;
+}
+
 .component-page-content {
 	width: 100%;
 	min-height: 100%;
Index: lams_tool_assessment/web/pages/authoring/parts/questionlist.jsp
===================================================================
diff -u -r1260e45458aeab2dd1bc862fb07096f514444aad -ra2a21e30023e4e11e0df353b781e73fcd8d9e6b8
--- lams_tool_assessment/web/pages/authoring/parts/questionlist.jsp	(.../questionlist.jsp)	(revision 1260e45458aeab2dd1bc862fb07096f514444aad)
+++ lams_tool_assessment/web/pages/authoring/parts/questionlist.jsp	(.../questionlist.jsp)	(revision a2a21e30023e4e11e0df353b781e73fcd8d9e6b8)
@@ -67,7 +67,7 @@
 	});
 </script>
 
-<table class="table table-sm" id="referencesTable">
+<table class="table" id="referencesTable">
 	<thead>
 		<tr>
 			<th>
Index: lams_tool_assessment/web/pages/authoring/parts/questionlistRestricted.jsp
===================================================================
diff -u -r1260e45458aeab2dd1bc862fb07096f514444aad -ra2a21e30023e4e11e0df353b781e73fcd8d9e6b8
--- lams_tool_assessment/web/pages/authoring/parts/questionlistRestricted.jsp	(.../questionlistRestricted.jsp)	(revision 1260e45458aeab2dd1bc862fb07096f514444aad)
+++ lams_tool_assessment/web/pages/authoring/parts/questionlistRestricted.jsp	(.../questionlistRestricted.jsp)	(revision a2a21e30023e4e11e0df353b781e73fcd8d9e6b8)
@@ -1,94 +1,97 @@
 <%@ include file="/common/taglibs.jsp"%>
 
-<table class="table table-sm" id="referencesTable">
-	<tr>
-		<th>
-			#
-		</th>
-		<th>
-			<fmt:message key="label.authoring.basic.list.header.question" />
-		</th>
-		<th colspan="3">
-			<fmt:message key="label.authoring.basic.list.header.mark" />
-		</th>
-	</tr>	
-
-	<c:forEach var="questionReference" items="${sessionMap.questionReferences}" varStatus="status">
-		<c:set var="question" value="${questionReference.question}" />
+<table class="table" id="referencesTable">
+	<thead>
 		<tr>
-			<td class="align-middle">
-				${status.count})
-			</td>
-			<td class="align-middle">
-				<input type="hidden" name="sequenceId${questionReference.sequenceId}" value="${status.index}" class="reference-sequence-id">
-			
-				<c:choose>
-					<c:when test="${questionReference.randomQuestion}">
-						<fmt:message key="label.authoring.basic.type.random.question" />
-					</c:when>
-					<c:otherwise>
-						<c:out value="${question.qbQuestion.name}" escapeXml="true"/>
-					</c:otherwise>
-				</c:choose>
+			<th>
+				#
+			</th>
+			<th>
+				<fmt:message key="label.authoring.basic.list.header.question" />
+			</th>
+			<th colspan="3">
+				<fmt:message key="label.authoring.basic.list.header.mark" />
+			</th>
+		</tr>	
+	</thead>
+	<tbody>
+		<c:forEach var="questionReference" items="${sessionMap.questionReferences}" varStatus="status">
+			<c:set var="question" value="${questionReference.question}" />
+			<tr>
+				<td class="align-middle">
+					${status.count})
+				</td>
+				<td class="align-middle">
+					<input type="hidden" name="sequenceId${questionReference.sequenceId}" value="${status.index}" class="reference-sequence-id">
 				
-				<c:if test="${!questionReference.randomQuestion}">
-					 <span class='float-right badge badge-primary mx-2'>
-				    	v.&nbsp;${question.qbQuestion.version}
-				    </span>
-		        </c:if>
-		        
-		       	 <span class='float-right badge badge-primary'>
 					<c:choose>
 						<c:when test="${questionReference.randomQuestion}">
 							<fmt:message key="label.authoring.basic.type.random.question" />
 						</c:when>
-						<c:when test="${question.type == 1}">
-							<fmt:message key="label.authoring.basic.type.multiple.choice" />
-						</c:when>
-						<c:when test="${question.type == 2}">
-							<fmt:message key="label.authoring.basic.type.matching.pairs" />
-						</c:when>
-						<c:when test="${question.type == 3}">
-							<fmt:message key="label.authoring.basic.type.short.answer" />
-						</c:when>
-						<c:when test="${question.type == 4}">
-							<fmt:message key="label.authoring.basic.type.numerical" />
-						</c:when>
-						<c:when test="${question.type == 5}">
-							<fmt:message key="label.authoring.basic.type.true.false" />
-						</c:when>
-						<c:when test="${question.type == 6}">
-							<fmt:message key="label.authoring.basic.type.essay" />
-						</c:when>
-						<c:when test="${question.type == 7}">
-							<fmt:message key="label.authoring.basic.type.ordering" />
-						</c:when>
-						<c:when test="${question.type == 8}">
-							<fmt:message key="label.authoring.basic.type.mark.hedging" />
-						</c:when>
+						<c:otherwise>
+							<c:out value="${question.qbQuestion.name}" escapeXml="true"/>
+						</c:otherwise>
 					</c:choose>
-       			</span>
-			</td>
-			
-			<td class="align-middle" style="width: 30px">
-				<input name="maxMark" value="${questionReference.maxMark}" class="form-control form-control-sm max-mark-input">
-			</td>
-			
-			<td class="align-middle" style="width: 30px">
-				<i class="fa fa-xs fa-asterisk ${question.answerRequired ? 'text-danger' : ''}" 
-							role="button"
-							title="<fmt:message key="label.answer.required"/>" 
-							alt="<fmt:message key="label.answer.required"/>"
-							onClick="javascript:toggleQuestionRequired(this)"></i>
-			</td>
-
-			<td class="align-middle" style="width: 30px; padding-right: 20px;">
-				<c:if test="${!questionReference.randomQuestion}">
-					<a class="edit-reference-link" onclick="javascript:editReference(this);" style="color: black;"> 
-						<i class="fa fa-pencil"	title="<fmt:message key="label.authoring.basic.edit" />"></i>
-					</a>			
-				</c:if>
-			</td>
-		</tr>
-	</c:forEach>
+					
+					<c:if test="${!questionReference.randomQuestion}">
+						 <span class='float-right badge badge-primary mx-2'>
+					    	v.&nbsp;${question.qbQuestion.version}
+					    </span>
+			        </c:if>
+			        
+			       	 <span class='float-right badge badge-primary'>
+						<c:choose>
+							<c:when test="${questionReference.randomQuestion}">
+								<fmt:message key="label.authoring.basic.type.random.question" />
+							</c:when>
+							<c:when test="${question.type == 1}">
+								<fmt:message key="label.authoring.basic.type.multiple.choice" />
+							</c:when>
+							<c:when test="${question.type == 2}">
+								<fmt:message key="label.authoring.basic.type.matching.pairs" />
+							</c:when>
+							<c:when test="${question.type == 3}">
+								<fmt:message key="label.authoring.basic.type.short.answer" />
+							</c:when>
+							<c:when test="${question.type == 4}">
+								<fmt:message key="label.authoring.basic.type.numerical" />
+							</c:when>
+							<c:when test="${question.type == 5}">
+								<fmt:message key="label.authoring.basic.type.true.false" />
+							</c:when>
+							<c:when test="${question.type == 6}">
+								<fmt:message key="label.authoring.basic.type.essay" />
+							</c:when>
+							<c:when test="${question.type == 7}">
+								<fmt:message key="label.authoring.basic.type.ordering" />
+							</c:when>
+							<c:when test="${question.type == 8}">
+								<fmt:message key="label.authoring.basic.type.mark.hedging" />
+							</c:when>
+						</c:choose>
+	       			</span>
+				</td>
+				
+				<td class="align-middle" style="width: 30px">
+					<input name="maxMark" value="${questionReference.maxMark}" class="form-control form-control-sm max-mark-input">
+				</td>
+				
+				<td class="align-middle" style="width: 30px">
+					<i class="fa fa-xs fa-asterisk ${question.answerRequired ? 'text-danger' : ''}" 
+								role="button"
+								title="<fmt:message key="label.answer.required"/>" 
+								alt="<fmt:message key="label.answer.required"/>"
+								onClick="javascript:toggleQuestionRequired(this)"></i>
+				</td>
+	
+				<td class="align-middle" style="width: 30px; padding-right: 20px;">
+					<c:if test="${!questionReference.randomQuestion}">
+						<a class="edit-reference-link" onclick="javascript:editReference(this);" style="color: black;"> 
+							<i class="fa fa-pencil"	title="<fmt:message key="label.authoring.basic.edit" />"></i>
+						</a>			
+					</c:if>
+				</td>
+			</tr>
+		</c:forEach>
+	</tbody>
 </table>
\ No newline at end of file