Index: lams_tool_scratchie/web/pages/learning/scratchies.jsp
===================================================================
diff -u -ra62d79594f2520abdd5503a66234f3b69356fec2 -r9bf743c41d9895e6d35f3500a8ff0d02dc8f5848
--- lams_tool_scratchie/web/pages/learning/scratchies.jsp	(.../scratchies.jsp)	(revision a62d79594f2520abdd5503a66234f3b69356fec2)
+++ lams_tool_scratchie/web/pages/learning/scratchies.jsp	(.../scratchies.jsp)	(revision 9bf743c41d9895e6d35f3500a8ff0d02dc8f5848)
@@ -82,8 +82,10 @@
 	<c:if test="${!showResults && scratchie.burningQuestionsEnabled && (isUserLeader || (mode == 'teacher'))}">
 		<div class="form-group burning-question-container">
 			<!-- LDEV-4532: href is needed for the collapsing to work on an ipad but do not make it the same as the data-target here or the screen will jump around. -->
-			<a data-toggle="collapse" data-target="#burning-question-item${item.uid}" href="#bqi${item.uid}">
-				<i class="fa fa-xs fa-plus-square-o roffset5" aria-hidden="true"></i>
+			<a data-toggle="collapse" data-target="#burning-question-item${item.uid}" href="#bqi${item.uid}"
+					<c:if test="${empty item.burningQuestion}">class="collapsed"</c:if>>
+				<span class="if-collapsed"><i class="fa fa-xs fa-plus-square-o roffset5" aria-hidden="true"></i></span>
+  				<span class="if-not-collapsed"><i class="fa fa-xs fa-minus-square-o roffset5" aria-hidden="true"></i></span>
 				<fmt:message key="label.burning.question" />
 			</a>