Index: lams_tool_assessment/web/includes/css/assessment.scss
===================================================================
diff -u -rc7e47ec4e4d6a14b2bab1af3de564b012f80f6b0 -rd890ade9e99ac938f597b2e86123952efc14eced
--- lams_tool_assessment/web/includes/css/assessment.scss	(.../assessment.scss)	(revision c7e47ec4e4d6a14b2bab1af3de564b012f80f6b0)
+++ lams_tool_assessment/web/includes/css/assessment.scss	(.../assessment.scss)	(revision d890ade9e99ac938f597b2e86123952efc14eced)
@@ -27,10 +27,6 @@
 	float: left;
 	font-weight: bold;
 }
-.asterisk{
-	float: left; 
-	padding-right: 5px;
-}
 
 .question-table {
 	width: 98%;
Index: lams_tool_assessment/web/pages/learning/parts/allquestions.jsp
===================================================================
diff -u -r7806cbb45faeff792419ef43f67c4fee6ffb03e9 -rd890ade9e99ac938f597b2e86123952efc14eced
--- lams_tool_assessment/web/pages/learning/parts/allquestions.jsp	(.../allquestions.jsp)	(revision 7806cbb45faeff792419ef43f67c4fee6ffb03e9)
+++ lams_tool_assessment/web/pages/learning/parts/allquestions.jsp	(.../allquestions.jsp)	(revision d890ade9e99ac938f597b2e86123952efc14eced)
@@ -39,7 +39,7 @@
 					</c:if>
 										
 					<c:if test="${question.answerRequired}">
-						<span class="asterisk float-end"> 
+						<span class="asterisk float-end badge alert alert-warning m-1 p-1"> 
 							<i class="fa fa-asterisk text-danger"
 							title="<fmt:message key="label.answer.required"/>"
 							alt="<fmt:message key="label.answer.required"/>"></i>
Index: lams_tool_assessment/web/pages/learning/results/allquestions.jsp
===================================================================
diff -u -red8157abf61ac150a859ecff549295195fc42582 -rd890ade9e99ac938f597b2e86123952efc14eced
--- lams_tool_assessment/web/pages/learning/results/allquestions.jsp	(.../allquestions.jsp)	(revision ed8157abf61ac150a859ecff549295195fc42582)
+++ lams_tool_assessment/web/pages/learning/results/allquestions.jsp	(.../allquestions.jsp)	(revision d890ade9e99ac938f597b2e86123952efc14eced)
@@ -16,7 +16,7 @@
 
 <style>
 	<c:if test="${param.embedded and empty toolSessionID and (assessment.allowDiscloseAnswers or assessment.allowDiscussionSentiment)}">	
-		.panel-heading .asterisk {
+		.card-header .asterisk {
 			margin-right: 30px;
 		}
 	</c:if>
Index: lams_tool_survey/web/pages/learning/question.jsp
===================================================================
diff -u -r2f5fb3b756076b68f0b11802212a89e401dbbfcf -rd890ade9e99ac938f597b2e86123952efc14eced
--- lams_tool_survey/web/pages/learning/question.jsp	(.../question.jsp)	(revision 2f5fb3b756076b68f0b11802212a89e401dbbfcf)
+++ lams_tool_survey/web/pages/learning/question.jsp	(.../question.jsp)	(revision d890ade9e99ac938f597b2e86123952efc14eced)
@@ -4,8 +4,8 @@
 	<div class="card-header">
 		<div class="badge text-bg-danger float-end">${questionSequenceNumber}</div>
 		<c:if test="${not question.optional}">
-			<abbr class="float-end" title="<fmt:message key='label.answer.required'/>">
-				<i class="fa fa-xs fa-asterisk text-danger float-end"></i>
+			<abbr class="float-end badge text-bg-danger me-2" title="<fmt:message key='label.answer.required'/>">
+				<i class="fa fa-xs fa-asterisk"></i>
 			</abbr>
 		</c:if>
 
Index: lams_tool_survey/web/pages/learning/result.jsp
===================================================================
diff -u -rdf77b7fe375d1d68d4e064748653be8ac8816f93 -rd890ade9e99ac938f597b2e86123952efc14eced
--- lams_tool_survey/web/pages/learning/result.jsp	(.../result.jsp)	(revision df77b7fe375d1d68d4e064748653be8ac8816f93)
+++ lams_tool_survey/web/pages/learning/result.jsp	(.../result.jsp)	(revision d890ade9e99ac938f597b2e86123952efc14eced)
@@ -86,8 +86,8 @@
 			<div class="card lcard">
 				<div class="card-header">
 					<c:if test="${not question.optional}">
-						<abbr class="float-end" title="<fmt:message key='label.answer.required'/>">
-							<i class="fa fa-xs fa-asterisk text-danger float-end"></i>
+						<abbr class="float-end badge text-bg-danger" title="<fmt:message key='label.answer.required'/>">
+							<i class="fa fa-xs fa-asterisk"></i>
 						</abbr>
 					</c:if>
 
Index: lams_tool_survey/web/pages/learning/resultOtherUsers.jsp
===================================================================
diff -u -rdf77b7fe375d1d68d4e064748653be8ac8816f93 -rd890ade9e99ac938f597b2e86123952efc14eced
--- lams_tool_survey/web/pages/learning/resultOtherUsers.jsp	(.../resultOtherUsers.jsp)	(revision df77b7fe375d1d68d4e064748653be8ac8816f93)
+++ lams_tool_survey/web/pages/learning/resultOtherUsers.jsp	(.../resultOtherUsers.jsp)	(revision d890ade9e99ac938f597b2e86123952efc14eced)
@@ -113,8 +113,8 @@
 			<div class="card lcard mt-n3">
 				<div class="card-header">
 					<c:if test="${not question.optional}">
-						<abbr class="float-end" title="<fmt:message key='label.answer.required'/>"><i
-							class="fa fa-xs fa-asterisk text-danger float-end"></i>
+						<abbr class="float-end badge text-bg-danger" title="<fmt:message key='label.answer.required'/>"><i
+							class="fa fa-xs fa-asterisk"></i>
 						</abbr>
 					</c:if>
 
Index: lams_tool_task/web/pages/learning/parts/itemlist.jsp
===================================================================
diff -u -rb311244c55b221fc9f910cf4de25874d13d2296d -rd890ade9e99ac938f597b2e86123952efc14eced
--- lams_tool_task/web/pages/learning/parts/itemlist.jsp	(.../itemlist.jsp)	(revision b311244c55b221fc9f910cf4de25874d13d2296d)
+++ lams_tool_task/web/pages/learning/parts/itemlist.jsp	(.../itemlist.jsp)	(revision d890ade9e99ac938f597b2e86123952efc14eced)
@@ -21,14 +21,16 @@
 									[<c:out value="${item.createBy.firstName} ${item.createBy.lastName}" escapeXml="true" />]
 								</span>
 							</c:if>
-							
-							<c:if test="${item.required}">
-								<i class="fa-solid fa-asterisk text-danger ms-2" title="<fmt:message key='label.monitoring.tasksummary.task.required.to.finish'/>"></i>
-							</c:if>
 						</button>
 					</span>
 					
 					<div class="float-end">
+						<c:if test="${item.required}">
+							<span class="badge text-bg-danger p-2 me-2">
+								<i class="fa-solid fa-asterisk" title="<fmt:message key='label.monitoring.tasksummary.task.required.to.finish'/>"></i>
+							</span>
+						</c:if>
+							
 						<c:choose>
 							<c:when test="${item.complete}">
 								<span class="text-bg-success p-2 shadow">