diff --git a/app/assets/stylesheets/components/evaluations.css.scss b/app/assets/stylesheets/components/evaluations.css.scss
index 591dfce7ce..d66e597577 100644
--- a/app/assets/stylesheets/components/evaluations.css.scss
+++ b/app/assets/stylesheets/components/evaluations.css.scss
@@ -160,7 +160,7 @@
     color: inherit;
   }
 
-  &.completed {
+  i.completed {
     color: var(--d-secondary) !important;
   }
 }
diff --git a/app/views/evaluations/_feedback_status.html.erb b/app/views/evaluations/_feedback_status.html.erb
index ecf5f8ffaf..c1e4491653 100644
--- a/app/views/evaluations/_feedback_status.html.erb
+++ b/app/views/evaluations/_feedback_status.html.erb
@@ -1,16 +1,17 @@
 <%= link_to evaluation_feedback_path(evaluation, feedback),
             title: feedback_title(feedback),
             "data-bs-toggle": "tooltip",
-            class: "feedback btn btn-icon #{local_assigns.fetch(:active, false) ? 'disabled' : ''} #{feedback.completed? ? 'completed' : ''}" do %>
+            class: "feedback btn btn-icon #{local_assigns.fetch(:active, false) ? 'disabled' : ''}" do %>
   <svg viewBox="0 0 24 24" width="24px" height="24px" style="overflow: visible" >
     <g>
       <foreignObject x="0" y="0"  height="24" width="24">
-        <% if feedback.completed? %>
-          <i class="mdi mdi-comment-check-outline"></i>
-        <% else %>
-          <i class="mdi mdi-comment-outline"></i>
-        <% end %>
+        <i class="mdi mdi-comment-outline"></i>
       </foreignObject>
+      <% if feedback.completed? %>
+        <foreignObject x="6" y="1" height="16" width="12">
+          <i class="mdi mdi-check-bold mdi-12 completed"></i>
+        </foreignObject>
+      <% end %>
       <circle cx="21" cy="22.25" r= "9" fill="var(--d-surface)"></circle>
       <foreignObject x="12" y="12"  height="18" width="18">
         <% if feedback&.submission.present? %>