Index: lams_tool_scratchie/web/pages/learning/learning.jsp
===================================================================
diff -u -raced7ba6c1e7c5a9a50d3f64d8cdd96dd7e76194 -r588920f0bcb20d715a58bb2bbde3da5520b7e9b0
--- lams_tool_scratchie/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision aced7ba6c1e7c5a9a50d3f64d8cdd96dd7e76194)
+++ lams_tool_scratchie/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 588920f0bcb20d715a58bb2bbde3da5520b7e9b0)
@@ -27,16 +27,18 @@
 		.burning-question-container {
 			padding: 0 15px;
 		}
-		#user-confidence-levels {
-			margin-left: 20px;
+		.answer-description {
+			margin-right: 20px;
 		}
 		.answer-with-confidence-level-portrait {
 			display: flex;
+			flex-wrap: wrap;
    			align-items: center;
 		}
 		.c100.small {
 			font-size: 41px;
 			margin-right: 5px;
+			margin-bottom: 23px;
 		}
 		.confidence-level-percentage {
 			font-size: 13px;
Index: lams_tool_scratchie/web/pages/learning/scratchies.jsp
===================================================================
diff -u -rb18aa49cea9cab29bda065b37ee720bfa0a4ef6f -r588920f0bcb20d715a58bb2bbde3da5520b7e9b0
--- lams_tool_scratchie/web/pages/learning/scratchies.jsp	(.../scratchies.jsp)	(revision b18aa49cea9cab29bda065b37ee720bfa0a4ef6f)
+++ lams_tool_scratchie/web/pages/learning/scratchies.jsp	(.../scratchies.jsp)	(revision 588920f0bcb20d715a58bb2bbde3da5520b7e9b0)
@@ -44,10 +44,12 @@
 				<td 
 					<c:if test="${fn:length(answer.confidenceLevelDtos) > 0}">class="answer-with-confidence-level-portrait"</c:if>
 				>
-					<c:out value="${answer.description}" escapeXml="false" />
+					<div class="answer-description">
+						<c:out value="${answer.description}" escapeXml="false" />
+					</div>
 					
 					<c:if test="${scratchie.confidenceLevelsActivityUiid != null}">
-						<div id="user-confidence-levels">
+						<div>
 							<c:forEach var="confidenceLevelDto" items="${answer.confidenceLevelDtos}" varStatus="status">
 							
 								<div class="c100 p${confidenceLevelDto.level}0 small">