Index: lams_central/web/css/components.scss
===================================================================
diff -u -r06770d77acb444693664d588e5d2e8570adb96aa -r2a08acd3ace67caa388eb6ad98bfec5dc52b2699
--- lams_central/web/css/components.scss	(.../components.scss)	(revision 06770d77acb444693664d588e5d2e8570adb96aa)
+++ lams_central/web/css/components.scss	(.../components.scss)	(revision 2a08acd3ace67caa388eb6ad98bfec5dc52b2699)
@@ -633,16 +633,13 @@
 /*----------slider----------------*/
 
 .bootstrap-slider input[type="range"] {
-  width: 210px;
   margin: 0;
+  appearance: auto !important;
 }
 
 .bootstrap-slider datalist {
   display: flex;
-  flex-direction: column;
   justify-content: space-between;
-  writing-mode: vertical-lr;
-  width: 210px;
 }
 
 .bootstrap-slider option {
Index: lams_tool_assessment/web/pages/learning/parts/confidencelevel.jsp
===================================================================
diff -u -r6866da235d682d74f883afdd01e00e92d16a13eb -r2a08acd3ace67caa388eb6ad98bfec5dc52b2699
--- lams_tool_assessment/web/pages/learning/parts/confidencelevel.jsp	(.../confidencelevel.jsp)	(revision 6866da235d682d74f883afdd01e00e92d16a13eb)
+++ lams_tool_assessment/web/pages/learning/parts/confidencelevel.jsp	(.../confidencelevel.jsp)	(revision 2a08acd3ace67caa388eb6ad98bfec5dc52b2699)
@@ -22,9 +22,9 @@
 		</label>
 	</div>
 	
-	<div>
-		<input type="range" name="confidenceLevel${questionIndex}" id="confidenceLevel${questionIndex}" 
-			list="slider-step-list-${question.uid}" 
+	<div class="col-12 col-sm-8 col-md-6 col-lg-4">
+		<input type="range" name="confidenceLevel${questionIndex}" id="confidenceLevel${questionIndex}" class="form-range"
+			list="slider-step-list-${question.uid}"
 			min="0" max="10" step="${sliderStep}" 
 			<c:if test="${question.confidenceLevel != -1}">value="${question.confidenceLevel}"</c:if>
 			<c:if test="${!hasEditRight}">disabled</c:if>
Index: lams_tool_assessment/web/pages/learning/results/confidencelevel.jsp
===================================================================
diff -u -r6866da235d682d74f883afdd01e00e92d16a13eb -r2a08acd3ace67caa388eb6ad98bfec5dc52b2699
--- lams_tool_assessment/web/pages/learning/results/confidencelevel.jsp	(.../confidencelevel.jsp)	(revision 6866da235d682d74f883afdd01e00e92d16a13eb)
+++ lams_tool_assessment/web/pages/learning/results/confidencelevel.jsp	(.../confidencelevel.jsp)	(revision 2a08acd3ace67caa388eb6ad98bfec5dc52b2699)
@@ -22,8 +22,8 @@
 		</label>
 	</div>
 	
-	<div class="ms-2">
-		<input type="range" id="confidence-level-${questionIndex}" 
+	<div class="col-12 col-sm-8 col-md-6 col-lg-4 ms-2">
+		<input type="range" id="confidence-level-${questionIndex}" class="form-range"
 			list="slider-step-list-${question.uid}" disabled
 			min="0" max="10" step="${sliderStep}" 
 			<c:if test="${question.confidenceLevel != -1}">value="${question.confidenceLevel}"</c:if>>
Index: lams_tool_lamc/web/learning/CombinedAnswersContent.jsp
===================================================================
diff -u -rd43d1e67bb589b4f565a222a3f33ea17debc68a7 -r2a08acd3ace67caa388eb6ad98bfec5dc52b2699
--- lams_tool_lamc/web/learning/CombinedAnswersContent.jsp	(.../CombinedAnswersContent.jsp)	(revision d43d1e67bb589b4f565a222a3f33ea17debc68a7)
+++ lams_tool_lamc/web/learning/CombinedAnswersContent.jsp	(.../CombinedAnswersContent.jsp)	(revision 2a08acd3ace67caa388eb6ad98bfec5dc52b2699)
@@ -68,8 +68,8 @@
 						</label>
 					</div>
 					
-					<div>
-						<input type="range" name="confidenceLevel${questionUid}" id="confidenceLevel${questionUid}" 
+					<div class="col-12 col-sm-8 col-md-6 col-lg-4">
+						<input type="range" name="confidenceLevel${questionUid}" id="confidenceLevel${questionUid}" class="form-range"
 							list="slider-step-list-${questionUid}" 
 							min="0" max="10" step="5" 
 							<c:if test="${answerDto.confidenceLevel != -1}">value="${answerDto.confidenceLevel}"</c:if>
Index: lams_tool_lamc/web/learning/SingleQuestionAnswersContent.jsp
===================================================================
diff -u -rd43d1e67bb589b4f565a222a3f33ea17debc68a7 -r2a08acd3ace67caa388eb6ad98bfec5dc52b2699
--- lams_tool_lamc/web/learning/SingleQuestionAnswersContent.jsp	(.../SingleQuestionAnswersContent.jsp)	(revision d43d1e67bb589b4f565a222a3f33ea17debc68a7)
+++ lams_tool_lamc/web/learning/SingleQuestionAnswersContent.jsp	(.../SingleQuestionAnswersContent.jsp)	(revision 2a08acd3ace67caa388eb6ad98bfec5dc52b2699)
@@ -73,8 +73,8 @@
 							</label>
 						</div>
 						
-						<div>
-							<input type="range" name="confidenceLevel${questionUid}" id="confidenceLevel${questionUid}" 
+						<div class="col-12 col-sm-8 col-md-6 col-lg-4">
+							<input type="range" name="confidenceLevel${questionUid}" id="confidenceLevel${questionUid}" class="form-range"
 								list="slider-step-list-${questionUid}" 
 								min="0" max="10" step="5" 
 								<c:if test="${answerDto.confidenceLevel != -1}">value="${answerDto.confidenceLevel}"</c:if>
Index: lams_tool_lamc/web/learning/ViewAnswers.jsp
===================================================================
diff -u -r572226a47e63b49ca60f35de579ec230feaa409a -r2a08acd3ace67caa388eb6ad98bfec5dc52b2699
--- lams_tool_lamc/web/learning/ViewAnswers.jsp	(.../ViewAnswers.jsp)	(revision 572226a47e63b49ca60f35de579ec230feaa409a)
+++ lams_tool_lamc/web/learning/ViewAnswers.jsp	(.../ViewAnswers.jsp)	(revision 2a08acd3ace67caa388eb6ad98bfec5dc52b2699)
@@ -170,10 +170,10 @@
 											</label>
 										</div>
 										
-										<div>
+										<div class="col-12 col-sm-8 col-md-6 col-lg-4">
 											<c:forEach var="attemptEntry" items="${mcGeneralLearnerFlowDTO.attemptMap}">
 												<c:if test="${requestScope.mainQueIndex == attemptEntry.key}">
-													<input type="range" name="confidenceLevel${queIndex}" id="confidenceLevel${queIndex}" 
+													<input type="range" name="confidenceLevel${queIndex}" id="confidenceLevel${queIndex}" class="form-range"
 														list="slider-step-list-${queIndex}" 
 														min="0" max="10" step="5" disabled
 														<c:if test="${attemptEntry.value.confidenceLevel != -1}">value="${attemptEntry.value.confidenceLevel}"</c:if>