Index: lams_central/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rd43d1e67bb589b4f565a222a3f33ea17debc68a7 -ra57bd1a88b5803b3cba718e02969145557703def
--- lams_central/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision d43d1e67bb589b4f565a222a3f33ea17debc68a7)
+++ lams_central/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision a57bd1a88b5803b3cba718e02969145557703def)
@@ -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/StyledRating5.tag
===================================================================
diff -u -r25fa7a462f907084b2a8aa550082d70994d66609 -ra57bd1a88b5803b3cba718e02969145557703def
--- lams_tool_preview/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 25fa7a462f907084b2a8aa550082d70994d66609)
+++ lams_tool_preview/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision a57bd1a88b5803b3cba718e02969145557703def)
@@ -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/pages/learning/rubrics.jsp
===================================================================
diff -u -r7806cbb45faeff792419ef43f67c4fee6ffb03e9 -ra57bd1a88b5803b3cba718e02969145557703def
--- lams_tool_preview/web/pages/learning/rubrics.jsp	(.../rubrics.jsp)	(revision 7806cbb45faeff792419ef43f67c4fee6ffb03e9)
+++ lams_tool_preview/web/pages/learning/rubrics.jsp	(.../rubrics.jsp)	(revision a57bd1a88b5803b3cba718e02969145557703def)
@@ -30,9 +30,6 @@
 		margin-bottom: 15px;
 		float: right;
 	}
-	.rubrics-user-card .collapsable-icon-left button, .collapsable-icon-left button:after {
-		color: inherit !important;
-	}
 	
 	.lcard {
 		margin-bottom: 1.25rem;
@@ -118,9 +115,9 @@
 
 	<c:forEach var="ratingDto" items="${exampleRatings}" varStatus="learnerOrderId">
 			
-	    <div class="card lcard rubrics-user-card mt-2">
+	    <div class="card lcard rubrics-user-card">
 	       <div class="card-header collapsable-icon-left" id="heading${ratingDto.itemId}">
-	       		<button type="button" class="btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${ratingDto.itemId}" 
+	       		<button type="button" class="btn btn-secondary-darker no-shadow collapsed" data-bs-toggle="collapse" data-bs-target="#collapse${ratingDto.itemId}" 
 						aria-expanded="false" aria-controls="collapse${ratingDto.itemId}" data-parent="#rubrics-users-cards"
 				>
 					<lams:Portrait userId="${ratingDto.itemId}" hover="false" />
Index: lams_tool_preview/web/pages/learning/rubricsPivot.jsp
===================================================================
diff -u -r7806cbb45faeff792419ef43f67c4fee6ffb03e9 -ra57bd1a88b5803b3cba718e02969145557703def
--- lams_tool_preview/web/pages/learning/rubricsPivot.jsp	(.../rubricsPivot.jsp)	(revision 7806cbb45faeff792419ef43f67c4fee6ffb03e9)
+++ lams_tool_preview/web/pages/learning/rubricsPivot.jsp	(.../rubricsPivot.jsp)	(revision a57bd1a88b5803b3cba718e02969145557703def)
@@ -26,9 +26,6 @@
 	#expand-all-button {
 		margin-bottom: 15px;
 		float: right;
-	}	
-	.rubrics-row-card .collapsable-icon-left button, .collapsable-icon-left button:after {
-		color: inherit !important;
 	}
 	
 	.lcard {
@@ -122,7 +119,7 @@
 		
 	    <div class="lcard card rubrics-row-card">
 	       <div class="card-header 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-cards"
 				>
 					<%-- Criterion "row" --%>