Index: lams_tool_preview/web/pages/learning/comment.jsp
===================================================================
diff -u -r94b2225ee897f0a10318b17e1c692f2ccbb1e36b -rbc8213e12c4e5afddd0394ad66386ef3e70d1611
--- lams_tool_preview/web/pages/learning/comment.jsp	(.../comment.jsp)	(revision 94b2225ee897f0a10318b17e1c692f2ccbb1e36b)
+++ lams_tool_preview/web/pages/learning/comment.jsp	(.../comment.jsp)	(revision bc8213e12c4e5afddd0394ad66386ef3e70d1611)
@@ -103,7 +103,7 @@
 							
 							rows += '<tr>';
 
-							rows += '<td class="username" width="20%"><div class="float-start roffset5">';
+							rows += '<td class="username" width="20%"><div class="float-start me-2">';
 							rows += definePortrait( userData["itemDescription2"], itemId, 'small', true, '${lams}' );
 							rows += '</div><span class="portrait-sm-lineheight">';
 							rows += userData["itemDescription"];
@@ -121,9 +121,9 @@
 										
 							} else {
 								rows += '<div id="add-comment-area-' + itemId + '">';	
-								rows += '<div class="no-gutter">';
+								rows += '<div class="g-0">';
 								rows += '';
-								rows += '<div class="col-xs-12 col-sm-11 ">';										
+								rows += '<div class="col-12 col-sm-11 ">';										
 								rows +=		'<textarea name="comment-textarea-'+itemId+'" rows="4" id="comment-textarea-'+ itemId + '" class="form-control"';
 								<c:if test="${minRates ne 0 || maxRates ne 0}">
 									rows += ' onkeyup="return updatedComment(this);"';
@@ -337,14 +337,14 @@
 		<input type="hidden" name="criteriaId" value="${criteriaRatings.ratingCriteria.ratingCriteriaId}"/>
 		<input type="hidden" name="next" id="next" value=""/>		
 
-		<lams:TSTable numColumns="2" test="1">
+		<lams:TSTable5 numColumns="2" test="1">
 			<th class="username" title="<fmt:message key='label.sort.by.user.name'/>" style="width:25%" > 
 				<fmt:message key="label.user.name" />
 			</th>
 			<th class="comment"> 
 				<fmt:message key="label.comment" />
 			</th>
-		</lams:TSTable>
+		</lams:TSTable5>
 
 	</form>