diff --git a/src/web/app/pages-instructor/instructor-course-edit-page/copy-instructors-from-other-courses-modal/__snapshots__/copy-instructors-from-other-courses-modal.component.spec.ts.snap b/src/web/app/pages-instructor/instructor-course-edit-page/copy-instructors-from-other-courses-modal/__snapshots__/copy-instructors-from-other-courses-modal.component.spec.ts.snap
index b63198c5b80..cda762a9dbe 100644
--- a/src/web/app/pages-instructor/instructor-course-edit-page/copy-instructors-from-other-courses-modal/__snapshots__/copy-instructors-from-other-courses-modal.component.spec.ts.snap
+++ b/src/web/app/pages-instructor/instructor-course-edit-page/copy-instructors-from-other-courses-modal/__snapshots__/copy-instructors-from-other-courses-modal.component.spec.ts.snap
@@ -316,7 +316,7 @@ exports[`CopyInstructorsFromOtherCoursesModalComponent should snap when instruct
                       <td>
                         <div>
                           <input
-                            class="form-control no-shadow ng-untouched ng-pristine ng-valid"
+                            class="form-check-input no-shadow ng-untouched ng-pristine ng-valid"
                             id="enabled-checkbox"
                             type="checkbox"
                           />
@@ -339,7 +339,7 @@ exports[`CopyInstructorsFromOtherCoursesModalComponent should snap when instruct
                       <td>
                         <div>
                           <input
-                            class="form-control no-shadow ng-untouched ng-pristine ng-valid"
+                            class="form-check-input no-shadow ng-untouched ng-pristine ng-valid"
                             id="enabled-checkbox"
                             type="checkbox"
                           />
diff --git a/src/web/app/pages-instructor/instructor-course-edit-page/copy-instructors-from-other-courses-modal/copy-instructors-from-other-courses-modal.component.html b/src/web/app/pages-instructor/instructor-course-edit-page/copy-instructors-from-other-courses-modal/copy-instructors-from-other-courses-modal.component.html
index 20d3dbe9528..5a8174950b7 100644
--- a/src/web/app/pages-instructor/instructor-course-edit-page/copy-instructors-from-other-courses-modal/copy-instructors-from-other-courses-modal.component.html
+++ b/src/web/app/pages-instructor/instructor-course-edit-page/copy-instructors-from-other-courses-modal/copy-instructors-from-other-courses-modal.component.html
@@ -76,10 +76,10 @@ <h4 class="modal-title">Copy Instructors</h4>
                     <tr *ngFor="let instructorCandidate of course.instructorCandidates">
                       <td>
                         <div *ngIf="instructorCandidate.instructor.role === InstructorPermissionRole.INSTRUCTOR_PERMISSION_ROLE_CUSTOM" class="ngb-tooltip-class" ngbTooltip="This instructor has a customised access level and cannot be copied.">
-                          <input disabled type="checkbox" class="form-control no-shadow">
+                          <input disabled type="checkbox" class="form-check-input no-shadow">
                         </div>
                         <div *ngIf="instructorCandidate.instructor.role !== InstructorPermissionRole.INSTRUCTOR_PERMISSION_ROLE_CUSTOM">
-                          <input id="enabled-checkbox" [disabled]="isCopyingSelectedInstructors" type="checkbox" class="form-control no-shadow" [(ngModel)]="instructorCandidate.isSelected">
+                          <input id="enabled-checkbox" [disabled]="isCopyingSelectedInstructors" type="checkbox" class="form-check-input no-shadow" [(ngModel)]="instructorCandidate.isSelected">
                         </div>
                       </td>
                       <td>{{ instructorCandidate.instructor.name }}</td>