Index: lams_admin/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_admin/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_admin/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_admin/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_admin/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_admin/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_admin/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_admin/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_admin/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_admin/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_admin/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_admin/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_gradebook/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_gradebook/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_gradebook/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_gradebook/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_gradebook/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_gradebook/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_gradebook/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_gradebook/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_gradebook/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_gradebook/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_gradebook/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_gradebook/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_learning/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r56ec8d9806c22331d9483e197f0e270b638471be -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_learning/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 56ec8d9806c22331d9483e197f0e270b638471be)
+++ lams_learning/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_learning/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_learning/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_learning/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_learning/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_learning/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_learning/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_learning/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_learning/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_learning/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_monitoring/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_monitoring/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_monitoring/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_monitoring/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_monitoring/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_monitoring/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_monitoring/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_monitoring/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_monitoring/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_monitoring/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_monitoring/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_monitoring/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_assessment/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_assessment/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_assessment/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_assessment/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_assessment/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_assessment/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_assessment/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_assessment/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_assessment/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_assessment/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_assessment/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_assessment/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_chat/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_chat/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_chat/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_chat/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_chat/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_chat/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_chat/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_chat/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_chat/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_chat/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_chat/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_chat/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_daco/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_daco/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_daco/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_daco/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_daco/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_daco/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_daco/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_daco/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_daco/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_daco/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_daco/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_daco/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_doku/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_doku/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_doku/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_doku/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_doku/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_doku/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_doku/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_doku/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_doku/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_doku/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_doku/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_doku/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_forum/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_forum/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_forum/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_forum/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_forum/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_forum/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_forum/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_forum/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_forum/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_forum/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_forum/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_forum/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_gmap/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_gmap/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_gmap/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_gmap/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_gmap/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_gmap/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_gmap/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_gmap/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_gmap/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_gmap/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_gmap/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_gmap/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_images/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_images/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_images/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_images/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_images/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_images/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_images/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r8de3eaa9202afa22c16447d5236943cbe4749eb1 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_images/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 8de3eaa9202afa22c16447d5236943cbe4749eb1)
+++ lams_tool_images/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_images/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_images/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_images/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_imscc/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_imscc/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_imscc/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_imscc/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_imscc/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_imscc/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_imscc/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_imscc/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_imscc/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_imscc/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_imscc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_imscc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_lamc/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_lamc/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_lamc/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_lamc/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_lamc/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_lamc/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_lamc/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_lamc/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_lamc/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_lamc/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rd43d1e67bb589b4f565a222a3f33ea17debc68a7 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_lamc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision d43d1e67bb589b4f565a222a3f33ea17debc68a7)
+++ lams_tool_lamc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_laqa/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_laqa/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_laqa/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_laqa/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_laqa/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_laqa/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_laqa/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_laqa/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_laqa/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_laqa/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_laqa/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_laqa/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_larsrc/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_larsrc/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_larsrc/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_larsrc/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_larsrc/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_larsrc/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_larsrc/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_larsrc/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_larsrc/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_larsrc/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_larsrc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_larsrc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_leader/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_leader/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_leader/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_leader/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_leader/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_leader/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_leader/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_leader/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_leader/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_leader/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_leader/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_leader/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_mindmap/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_mindmap/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_mindmap/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_mindmap/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_mindmap/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_mindmap/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_mindmap/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_mindmap/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_mindmap/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_mindmap/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_mindmap/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_mindmap/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_nb/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_nb/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_nb/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_nb/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_nb/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_nb/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_nb/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_nb/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_nb/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_nb/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_nb/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_nb/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_notebook/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_notebook/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_notebook/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_notebook/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_notebook/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_notebook/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_notebook/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_notebook/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_notebook/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_notebook/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_notebook/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_notebook/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_pixlr/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_pixlr/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_pixlr/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_pixlr/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_pixlr/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_pixlr/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_pixlr/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_pixlr/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_pixlr/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_pixlr/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_pixlr/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_pixlr/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_preview/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_preview/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_preview/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_preview/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_preview/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_preview/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_preview/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_preview/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_preview/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_sbmt/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_sbmt/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_sbmt/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_sbmt/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_sbmt/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_sbmt/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_sbmt/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_sbmt/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_sbmt/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_sbmt/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_sbmt/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_sbmt/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_scratchie/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_scratchie/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_scratchie/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_scratchie/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_scratchie/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_scratchie/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_scratchie/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_scratchie/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_scratchie/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_scratchie/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_scratchie/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_scratchie/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_scribe/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_scribe/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_scribe/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_scribe/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_scribe/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_scribe/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_scribe/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_scribe/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_scribe/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_scribe/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_scribe/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_scribe/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_spreadsheet/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_spreadsheet/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_spreadsheet/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_spreadsheet/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_spreadsheet/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_spreadsheet/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_spreadsheet/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_spreadsheet/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_survey/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -rb16c939172548a36f20eaa242698f99cda07c222 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_survey/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision b16c939172548a36f20eaa242698f99cda07c222)
+++ lams_tool_survey/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_survey/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_survey/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_survey/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_survey/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_survey/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_survey/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_survey/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_survey/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_survey/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_task/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_task/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_task/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_task/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_task/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_task/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_task/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_task/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_task/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_task/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_task/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_task/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_vote/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -rb9f40a0836353109d362f2e1218cdf2b21163399 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_vote/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision b9f40a0836353109d362f2e1218cdf2b21163399)
+++ lams_tool_vote/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_vote/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_vote/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_vote/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_vote/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_vote/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_vote/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_vote/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_vote/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_vote/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_whiteboard/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_whiteboard/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_whiteboard/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_whiteboard/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_whiteboard/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_whiteboard/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_whiteboard/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_whiteboard/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_whiteboard/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_whiteboard/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_whiteboard/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_whiteboard/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_wiki/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_wiki/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_wiki/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_wiki/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_wiki/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_wiki/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_wiki/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_wiki/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_wiki/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_wiki/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_wiki/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_wiki/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_zoom/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_zoom/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_tool_zoom/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_tool_zoom/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_zoom/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_zoom/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_tool_zoom/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_zoom/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_tool_zoom/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_tool_zoom/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_tool_zoom/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_tool_zoom/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_www/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u -r23c8911251f291b4110ab047161eb1749e856465 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_www/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 23c8911251f291b4110ab047161eb1749e856465)
+++ lams_www/web/WEB-INF/tags/Alert5.tag	(.../Alert5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -32,8 +32,8 @@
 	</c:when>
 </c:choose>
 
-<div class="row justify-content-md-center">
-	<div class="col-md-auto">
+<div class="row justify-content-md-center text-center">
+	<div class="col-md-auto" style="min-width: 33%;">
 		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
 			<c:if test="${close}">
 				<button type="button" class="btn-close btn-sm float-end ms-4" data-bs-dismiss="alert" aria-label="Close"></button>
Index: lams_www/web/WEB-INF/tags/NotebookReedit.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_www/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_www/web/WEB-INF/tags/NotebookReedit.tag	(.../NotebookReedit.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -34,26 +34,23 @@
 	</div>
 
 	<div class="card-body">
-		<div class="m-2">
+		<div class="instructions">
 			<lams:out value="${reflectInstructions}" escapeHtml="true" />
 		</div>
-		<hr />
 
-		<div class="m-2">
-			<p>
-				<c:choose>
-					<c:when test="${empty reflectEntry}">
-						<em><fmt:message key="${noReflectionLabelKey}" /></em>
-					</c:when>
-					<c:otherwise>
-						<lams:out value="${reflectEntry}" escapeHtml="true" />
-					</c:otherwise>
-				</c:choose>
-			</p>
+		<div>
+			<c:choose>
+				<c:when test="${empty reflectEntry}">
+					<em><fmt:message key="${noReflectionLabelKey}" /></em>
+				</c:when>
+				<c:otherwise>
+					<lams:out value="${reflectEntry}" escapeHtml="true" />
+				</c:otherwise>
+			</c:choose>
 
 			<c:if test="${isEditButtonEnabled}">
-				<div class="mt-2 float-end">
-					<button name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-secondary btn-disable-on-submit btn-icon-pen" type="button"
+				<div class="mt-4 float-end">
+					<button type="button" name="editNotebookButton" id="edit-notebook-button" class="btn btn-sm btn-light btn-disable-on-submit btn-icon-pen"
 						onclick="continueReflect()">
 						<fmt:message key="${editNotebookLabelKey}" />
 					</button>
Index: lams_www/web/WEB-INF/tags/Rating5.tag
===================================================================
diff -u -r955865d255f86a5447f729ec1ce573b2b6f94b27 -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_www/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 955865d255f86a5447f729ec1ce573b2b6f94b27)
+++ lams_www/web/WEB-INF/tags/Rating5.tag	(.../Rating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -156,14 +156,11 @@
 						</fmt:param>
 					</fmt:message>
 				</div>
-				
 			</c:otherwise>
 		</c:choose>
 			
 	</c:forEach>
-
 </div>
-
 </div>
 
 <%--Comments area---------------------------------------%>
@@ -189,35 +186,32 @@
 			
 					<!-- Comment min words limit -->
 					<c:if test="${itemRatingDto.commentsMinWordsLimit ne 0}">
-					
 						<lams:Alert5 type="info" id="comment-limit-${itemRatingDto.itemId}" close="false">
 							<fmt:message key="${minNumberWordsLabel}">
 								: <fmt:param value="${itemRatingDto.commentsMinWordsLimit}"/>
 							</fmt:message>
 						</lams:Alert5>
 					</c:if>
 				
-					<div class="row">
-						<div class="col-12 col-sm-11">
+					<div class="d-flex align-items-center">
+						<div class="flex-grow-1">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control comment-textarea"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"
 									aria-label="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="col-12 col-sm-1 p-0">
-							<button class="btn btn-success btn-sm add-comment add-comment-new"
+						<div>
+							<button class="btn btn-secondary btn-sm add-comment add-comment-new ms-2"
 									data-item-id="${itemRatingDto.itemId}"
 									data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 									data-show-all-comments="${showAllComments}"
 									data-refresh-on-submit="${refreshOnComment}"
 									aria-label="<fmt:message key="${postCommentButtonLabel}"/>">
-								<i class="fa fa-check fa-lg"></i>
+								<i class="fa-solid fa-paper-plane"></i>
 							</button>
 						</div>
 					</div>
-						
 				</div>			
 			</c:when>
 		</c:choose>
-			
 	</div>	
-</c:if>
\ No newline at end of file
+</c:if>
Index: lams_www/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rc1757980eef39ff24a57df7e3366be5b21c0abae -r08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f
--- lams_www/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision c1757980eef39ff24a57df7e3366be5b21c0abae)
+++ lams_www/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 08f3c0dbe338d8b4ce9590bd1efd24a8d301e00f)
@@ -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>">
+								<div class="col 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}">
@@ -375,7 +375,7 @@
 									<c:set var="rowRateCount" value="${rowRateCount + rateCount}" />
 									<c:set var="rowRateValue" value="${rowRateValue + rateCount * (columnOrderId.count + 0.5)}" />
 
-									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>">
+									<div class="col rubrics-description-cell <c:if test="${rateCount > 0}">text-bg-success</c:if>  px-1">
 										<i><fmt:message key="label.rating.rubrics.in.between" /></i>
 										
 										<c:if test="${rateCount > 0}">
@@ -427,7 +427,7 @@
 
 						<div class="lcard card rubrics-row-card pivot-view">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="heading${criteria.ratingCriteriaId}">
-						       	<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
+						       	<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${criteria.ratingCriteriaId}"
 								   aria-expanded="false" aria-controls="collapse${criteria.ratingCriteriaId}" data-parent="#rubrics-rows-panels">
 									<%-- Criterion "row" --%>
 									<c:out value="${criteria.title}" escapeXml="false" />
@@ -497,7 +497,7 @@
 
 						<div class="card lcard rubrics-user-card">
 							<div class="card-header text-bg-secondary collapsable-icon-left" id="rubrics-heading-${criteriaGroupId}-${ratingDto.itemId}">
-					       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
+					       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   aria-expanded="false" aria-controls="rubrics-collapse-${criteriaGroupId}-${ratingDto.itemId}"
 									   data-parent="#rubrics-users-panels-${criteriaGroupId}">
 									<lams:Portrait userId="${ratingDto.itemId}" hover="false" />