Index: lams_tool_scratchie/web/pages/learning/scratchies.jsp
===================================================================
diff -u -r8ab1c658eca81a42d7f21d0067bff04c15f70c38 -r8121ab6e6a1166176a6c77a34a4eeee03ff0787c
--- lams_tool_scratchie/web/pages/learning/scratchies.jsp	(.../scratchies.jsp)	(revision 8ab1c658eca81a42d7f21d0067bff04c15f70c38)
+++ lams_tool_scratchie/web/pages/learning/scratchies.jsp	(.../scratchies.jsp)	(revision 8121ab6e6a1166176a6c77a34a4eeee03ff0787c)
@@ -203,15 +203,15 @@
 			
 			<%-- show burning questions --%>
 			<c:if test="${!showResults && scratchie.burningQuestionsEnabled && (isUserLeader || (mode == 'teacher'))}">
-				<div class="burning-question-container mb-3">
+				<div class="burning-question-container mb-2 mt-4">
 					<button type="button" id="bq${item.uid}" data-bs-toggle="collapse" data-bs-target="#burning-question-item${item.uid}"
 							class="btn btn-light btn-sm <c:if test="${empty item.burningQuestion}">collapsed</c:if>">
 						<span class="if-collapsed"><i class="fa fa-xs fa-regular fa-square-plus" aria-hidden="true"></i></span>
 		  				<span class="if-not-collapsed"><i class="fa fa-xs fa-regular fa-square-minus" aria-hidden="true"></i></span>
 						<fmt:message key="label.burning.question" />
 					</button>
 					
-					<div id="burning-question-item${item.uid}" class="collapse <c:if test="${not empty item.burningQuestion}">show</c:if> p-2">
+					<div id="burning-question-item${item.uid}" class="collapse <c:if test="${not empty item.burningQuestion}">show</c:if> pt-3">
 						<textarea rows="5" name="burningQuestion${item.uid}" class="form-control" aria-labelledby="questionTitle${questionNumber.count} bq${item.uid}" 
 							<c:if test="${mode == 'teacher'}">disabled="disabled"</c:if>
 						>${item.burningQuestion}</textarea>