diff --git a/app/assets/javascripts/sidebar/components/reviewers/uncollapsed_reviewer_list.vue b/app/assets/javascripts/sidebar/components/reviewers/uncollapsed_reviewer_list.vue
index d2b5fa92a1a31fffe8cf41aaafb50ea1d6d7f1ff..3499633500488088ffa6c554399a0fffbc43c45f 100644
--- a/app/assets/javascripts/sidebar/components/reviewers/uncollapsed_reviewer_list.vue
+++ b/app/assets/javascripts/sidebar/components/reviewers/uncollapsed_reviewer_list.vue
@@ -10,19 +10,18 @@ const JUST_APPROVED = 'approved';
 
 const REVIEW_STATE_ICONS = {
   APPROVED: {
-    name: 'status-success',
+    name: 'check-circle',
     class: 'gl-text-green-500',
     title: __('Reviewer approved changes'),
   },
   REQUESTED_CHANGES: {
-    name: 'status-alert',
+    name: 'error',
     class: 'gl-text-red-500',
     title: __('Reviewer requested changes'),
   },
   REVIEWED: {
-    name: 'comment',
-    class: 'gl-bg-blue-500 gl-text-white gl-icon s16 gl-rounded-full gl--flex-center',
-    size: 8,
+    name: 'comment-lines',
+    class: 'gl-text-blue-500',
     title: __('Reviewer commented'),
   },
   UNREVIEWED: {
diff --git a/spec/frontend/sidebar/components/reviewers/uncollapsed_reviewer_list_spec.js b/spec/frontend/sidebar/components/reviewers/uncollapsed_reviewer_list_spec.js
index af05f4bd24700883b714320f6a18914815ead337..ed6e1a3afe02ed3f01f7a598d69b59eafbda3cf8 100644
--- a/spec/frontend/sidebar/components/reviewers/uncollapsed_reviewer_list_spec.js
+++ b/spec/frontend/sidebar/components/reviewers/uncollapsed_reviewer_list_spec.js
@@ -24,7 +24,7 @@ describe('UncollapsedReviewerList component', () => {
   let wrapper;
 
   const findAllRerequestButtons = () => wrapper.findAll('[data-testid="re-request-button"]');
-  const findAllReviewerApprovalIcons = () => wrapper.findAll('[name="status-success"]');
+  const findAllReviewerApprovalIcons = () => wrapper.findAll('[name="check-circle"]');
   const findAllReviewerAvatarLinks = () => wrapper.findAllComponents(ReviewerAvatarLink);
 
   const hasApprovalIconAnimation = () =>
@@ -202,9 +202,9 @@ describe('UncollapsedReviewerList component', () => {
     it.each`
       reviewState            | approved | icon
       ${'UNREVIEWED'}        | ${false} | ${'dash-circle'}
-      ${'REVIEWED'}          | ${true}  | ${'status-success'}
-      ${'REVIEWED'}          | ${false} | ${'comment'}
-      ${'REQUESTED_CHANGES'} | ${false} | ${'status-alert'}
+      ${'REVIEWED'}          | ${true}  | ${'check-circle'}
+      ${'REVIEWED'}          | ${false} | ${'comment-lines'}
+      ${'REQUESTED_CHANGES'} | ${false} | ${'error'}
     `(
       'renders $icon for reviewState:$reviewState and approved:$approved',
       ({ reviewState, approved, icon }) => {