Index: lams_admin/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_admin/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_admin/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_admin/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_admin/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_admin/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_central/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r509e81cd8bc4486fab7de352c4e8cfafd38efe48 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_central/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 509e81cd8bc4486fab7de352c4e8cfafd38efe48)
+++ lams_central/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,8 +36,8 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
         <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
@@ -49,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -189,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_gradebook/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_gradebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_gradebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_gradebook/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_gradebook/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_gradebook/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_learning/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r509e81cd8bc4486fab7de352c4e8cfafd38efe48 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_learning/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 509e81cd8bc4486fab7de352c4e8cfafd38efe48)
+++ lams_learning/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,8 +36,8 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
         <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
@@ -49,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -189,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_learning/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_learning/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_learning/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_monitoring/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_monitoring/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_monitoring/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_monitoring/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_monitoring/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_monitoring/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_assessment/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_assessment/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_assessment/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_assessment/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_assessment/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_assessment/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_chat/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_chat/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_chat/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_chat/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_chat/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_chat/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_daco/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_daco/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_daco/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_daco/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_daco/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_daco/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_doku/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_doku/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_doku/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_doku/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_doku/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_doku/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_forum/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_forum/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_forum/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_forum/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_forum/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_forum/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_gmap/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_gmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_gmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_gmap/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_gmap/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_gmap/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_images/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_images/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_images/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_images/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_images/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_images/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_imscc/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_imscc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_imscc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_imscc/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_imscc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_imscc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_lamc/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_lamc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_lamc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_lamc/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_lamc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_lamc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_laqa/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_laqa/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_laqa/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_laqa/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_laqa/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_laqa/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_larsrc/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_larsrc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_larsrc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_larsrc/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_larsrc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_larsrc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_leader/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_leader/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_leader/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_leader/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_leader/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_leader/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_mindmap/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_mindmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_mindmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_mindmap/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_mindmap/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_mindmap/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_nb/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r509e81cd8bc4486fab7de352c4e8cfafd38efe48 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_nb/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 509e81cd8bc4486fab7de352c4e8cfafd38efe48)
+++ lams_tool_nb/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,8 +36,8 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
         <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
@@ -49,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -189,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_nb/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_nb/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_nb/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_notebook/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_notebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_notebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_notebook/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_notebook/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_notebook/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_pixlr/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_pixlr/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_pixlr/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_pixlr/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_pixlr/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_pixlr/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_preview/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_preview/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_preview/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_sbmt/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_sbmt/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_sbmt/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_sbmt/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_sbmt/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_sbmt/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_scratchie/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_scratchie/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_scratchie/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_scratchie/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_scratchie/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_scratchie/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_scribe/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_scribe/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_scribe/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_scribe/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_scribe/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_scribe/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_spreadsheet/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_spreadsheet/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_spreadsheet/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_spreadsheet/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_survey/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_survey/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_survey/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_survey/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_survey/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_survey/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_task/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_task/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_task/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_task/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_task/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_task/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_vote/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_vote/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_vote/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_vote/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_vote/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_vote/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_whiteboard/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_whiteboard/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_whiteboard/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_whiteboard/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_whiteboard/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_whiteboard/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_wiki/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_wiki/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_wiki/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_wiki/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_wiki/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_wiki/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_tool_zoom/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_zoom/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_tool_zoom/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_tool_zoom/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_tool_zoom/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_tool_zoom/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">
Index: lams_www/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r9576915785bfd47231fe20f9da6f130d39dc9c34 -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_www/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 9576915785bfd47231fe20f9da6f130d39dc9c34)
+++ lams_www/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -36,12 +36,10 @@
         <c:if test="${not empty refresh}">
         	<meta http-equiv="refresh" content="${refresh}">
         </c:if>
-
         <link rel="icon" type="image/x-icon" href="<lams:LAMSURL/>images/svg/lamsv5_logo.svg">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
-        <link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
+        
         <link rel="stylesheet" href="<lams:LAMSURL/>learning/css/components-learner.css">
+        <link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
 
         <script src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
         <script src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
@@ -51,7 +49,6 @@
         <lams:JSImport src="learning/includes/javascript/learnerPage.js" />
         <lams:JSImport src="includes/javascript/dialog5.js" />
         <lams:JSImport src="includes/javascript/common.js" />
-
         <script>
             const LAMS_URL = '<lams:LAMSURL/>',
                 decoderDiv = $('<div />');
@@ -191,5 +188,4 @@
     </div>
 
     </body>
-
-</lams:html>
\ No newline at end of file
+</lams:html>
Index: lams_www/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f -rb6e8dca20bffba9ce751b917ab4af7b252115f67
--- lams_www/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
+++ lams_www/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
@@ -310,11 +310,11 @@
 						<%-- Each answer column has the same length, all remaining space is taken by the question column --%>
 						<div class="col"></div>
 						<c:forEach var="columnHeader" items="${criteriaRatings.ratingCriteria.rubricsColumnHeaders}" varStatus="columnStatus">
-							<div class="col">
+							<div class="col text-center">
 								(${columnStatus.count})&nbsp;<c:out value="${columnHeader}" escapeXml="false"/>
 							</div>
 							<c:if test="${not columnStatus.last and rubricsInBetweenColumns}">
-								<div class="col">
+								<div class="col text-center">
 									<i>(${columnStatus.count + 0.5})&nbsp;<fmt:message key="label.rating.rubrics.in.between" /></i>
 								</div>
 							</c:if>
@@ -343,7 +343,7 @@
 								<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 								<c:set var="rowRateValue" value="${rowRateValue + rateCount * columnOrderId.count}" />
 
-								<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
+								<div class="col text-center rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 									<c:out value="${column.name}" escapeXml="false" />
 									
 									<c:if test="${rateCount > 0}">