Index: lams_tool_leader/web/pages/learning/leaderselection.jsp
===================================================================
diff -u -r2d222c70de889ebe48b8ffd4feed1a03e5db3972 -r261520f042046fcb6f4f85c596495e3ea98311aa
--- lams_tool_leader/web/pages/learning/leaderselection.jsp	(.../leaderselection.jsp)	(revision 2d222c70de889ebe48b8ffd4feed1a03e5db3972)
+++ lams_tool_leader/web/pages/learning/leaderselection.jsp	(.../leaderselection.jsp)	(revision 261520f042046fcb6f4f85c596495e3ea98311aa)
@@ -195,9 +195,11 @@
 
 				<div class="modal-footer">
 					<button data-bs-dismiss="modal" class="btn btn-secondary">
+						<i class="fa fa-xmark fa-lg me-1"></i>
 						<fmt:message key="label.no" />
 					</button>
 					<button onclick="leaderSelection();" class="btn btn-primary">
+						<i class="fa fa-check fa-lg me-1"></i>
 						<fmt:message key="label.yes.become.leader" />
 					</button>
 				</div>
Index: lams_tool_scratchie/web/includes/css/scratchie-learning.scss
===================================================================
diff -u -r5a58ebc3f2aaf6ea5183e1ed1204d2e94ea45d10 -r261520f042046fcb6f4f85c596495e3ea98311aa
--- lams_tool_scratchie/web/includes/css/scratchie-learning.scss	(.../scratchie-learning.scss)	(revision 5a58ebc3f2aaf6ea5183e1ed1204d2e94ea45d10)
+++ lams_tool_scratchie/web/includes/css/scratchie-learning.scss	(.../scratchie-learning.scss)	(revision 261520f042046fcb6f4f85c596495e3ea98311aa)
@@ -1,13 +1,5 @@
 @import "_lams_variables.scss";
-	
-.scratches {
-	margin: 40px 0 15px;
-}
 
-.scratches tr td {
-	padding: 12px 15px;
-}
-
 .scratches a, .scratches a:hover {
 	border-bottom: none;
 }
@@ -86,10 +78,6 @@
 	color:black;
 	box-shadow:none;
 }
-		
-.item-score {
-	font-weight: bold;
-}
 
 .question-etherpad {
 	padding: 0;
Index: lams_tool_scratchie/web/pages/learning/questionlist.jsp
===================================================================
diff -u -r5a58ebc3f2aaf6ea5183e1ed1204d2e94ea45d10 -r261520f042046fcb6f4f85c596495e3ea98311aa
--- lams_tool_scratchie/web/pages/learning/questionlist.jsp	(.../questionlist.jsp)	(revision 5a58ebc3f2aaf6ea5183e1ed1204d2e94ea45d10)
+++ lams_tool_scratchie/web/pages/learning/questionlist.jsp	(.../questionlist.jsp)	(revision 261520f042046fcb6f4f85c596495e3ea98311aa)
@@ -12,7 +12,7 @@
 	<c:if test="${isUserLeader && scratchie.burningQuestionsEnabled || (mode == 'teacher')}">
 		<div class="burning-question-container mb-3">
 			<button type="button" data-bs-toggle="collapse" data-bs-target="#burning-question-general"
-					class="btn btn-light btn-sm <c:if test="${empty sessionMap.generalBurningQuestion}">collapsed</c:if>">
+					class="btn btn-light btn-sm mb-2 <c:if test="${empty sessionMap.generalBurningQuestion}">collapsed</c:if>">
 				<span class="if-collapsed">
 					<i class="fa fa-xs fa-regular fa-square-plus" aria-hidden="true"></i>
 				</span>
Index: lams_tool_scratchie/web/pages/learning/results.jsp
===================================================================
diff -u -r52f7b0418f89acf6b26f507511e3815020ae432c -r261520f042046fcb6f4f85c596495e3ea98311aa
--- lams_tool_scratchie/web/pages/learning/results.jsp	(.../results.jsp)	(revision 52f7b0418f89acf6b26f507511e3815020ae432c)
+++ lams_tool_scratchie/web/pages/learning/results.jsp	(.../results.jsp)	(revision 261520f042046fcb6f4f85c596495e3ea98311aa)
@@ -53,10 +53,6 @@
 			overflow:auto; 
 			margin-top: -20px;
 		}
-		
-		.item-score {
-			font-weight: bold;
-		}
 	</style>
 
 	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/free.jquery.jqgrid.min.js"></script>
Index: lams_tool_scratchie/web/pages/learning/scratchies.jsp
===================================================================
diff -u -rbc8213e12c4e5afddd0394ad66386ef3e70d1611 -r261520f042046fcb6f4f85c596495e3ea98311aa
--- lams_tool_scratchie/web/pages/learning/scratchies.jsp	(.../scratchies.jsp)	(revision bc8213e12c4e5afddd0394ad66386ef3e70d1611)
+++ lams_tool_scratchie/web/pages/learning/scratchies.jsp	(.../scratchies.jsp)	(revision 261520f042046fcb6f4f85c596495e3ea98311aa)
@@ -20,24 +20,24 @@
 	        <c:if test="${not sessionMap.hideTitles}">
 	        	<c:out value="${item.qbQuestion.name}" escapeXml="true" />
 	       </c:if>
+		
+			<c:if test="${(sessionMap.userFinished && (mode == 'teacher')) || showResults}">
+				<div class="badge bg-success bg-opacity-75 float-end item-score">
+					<fmt:message key="label.score" />&nbsp;${item.mark}
+				</div>
+			</c:if>
 		</div>
 		
 		<div class="card-body">
 			<div class="question-description">
 				<c:out value="${item.qbQuestion.description}" escapeXml="false" />
 			</div>
-		
-			<c:if test="${(sessionMap.userFinished && (mode == 'teacher')) || showResults}">
-				<div class="panel-footer item-score">
-					<fmt:message key="label.score" />&nbsp;${item.mark}
-				</div>
-			</c:if>
 	
 			<c:choose>
 			<c:when test="${item.qbQuestion.type == 1 or item.qbQuestion.type == 8}">
-				<div class="table div-hover scratches">
+				<div class="table div-hover scratches mt-4">
 					<c:forEach var="optionDto" items="${item.optionDtos}" varStatus="status">
-						<div id="tr${optionDto.qbOptionUid}" class="row mx-2">
+						<div id="tr${optionDto.qbOptionUid}" class="row mx-2x">
 							<div class="scartchie-image-col">
 								<c:choose>
 									<c:when test="${optionDto.scratched && optionDto.correct}">
@@ -79,7 +79,7 @@
 								</c:choose> 
 								
 								<c:if test="${(showResults || mode == 'teacher') && (optionDto.attemptOrder != -1)}">
-									<div class="text-center mt-1">
+									<div class="text-center  m-1 badge text-bg-success bg-opacity-75">
 										<fmt:message key="label.choice.number">
 											<fmt:param>${optionDto.attemptOrder}</fmt:param>
 										</fmt:message>
@@ -135,7 +135,7 @@
 								</c:choose>
 								
 								<c:if test="${(showResults || mode == 'teacher') && (optionDto.attemptOrder != -1)}">
-									<div class="text-center mt-1">
+									<div class="text-center m-1 badge text-bg-success bg-opacity-75">
 										<fmt:message key="label.choice.number">
 											<fmt:param>${optionDto.attemptOrder}</fmt:param>
 										</fmt:message>