diff --git a/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.html b/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.html
index 1df166a99887d61b8ad073e2da7aa6a0c23eeaf4..d092e9b36a0d88f81b8f4d8920a3257b3d6200d9 100644
--- a/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.html
+++ b/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.html
@@ -193,18 +193,18 @@
       >
         Processing has not started
       </td>
-      <td>
+      <td
+        [ngClass]="{
+        'staff-assigned' : request.assigned_da,
+        'staff-unassigned' : !request.assigned_da
+        }"
+      >
         <span *ngIf="qaStaff.DA">
           Assigned DA:
           <div ngbDropdown #daDrop="ngbDropdown" (openChange)="pausePolling($event)">
             <form>
               <mat-form-field>
-                <mat-label
-                  [ngClass]="{
-                  'staff-assigned' : request.assigned_da,
-                  'staff-unassigned' : !request.assigned_da
-                  }"
-                >
+                <mat-label>
                   {{ request.assigned_da ? request.assigned_da : "Assign DA" }}
                 </mat-label>
                 <input type="text"
@@ -240,17 +240,18 @@
           </div>
         </span>
       </td>
-      <td>
+      <td
+        [ngClass]="{
+        'staff-assigned' : request.assigned_aod,
+        'staff-unassigned' : !request.assigned_aod
+        }"
+      >
         <span *ngIf="qaStaff.AOD">
           Assigned AOD:
           <div ngbDropdown #aodDrop="ngbDropdown" (openChange)="pausePolling($event)">
             <form>
               <mat-form-field>
                 <mat-label
-                  [ngClass]="{
-                  'staff-assigned' : request.assigned_aod,
-                  'staff-unassigned' : !request.assigned_aod
-                  }"
                 >
                   {{ request.assigned_aod ? request.assigned_aod : "Assign AOD" }}
                 </mat-label>
diff --git a/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.scss b/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.scss
index 20f799f9d95cb60ed47372287a46961960a842b2..7404b88e3f268e761bd3a52c5e8de26a96a5689c 100644
--- a/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.scss
+++ b/apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.scss
@@ -1,10 +1,16 @@
 .staff-assigned {
-  color: black;
-  opacity: 1 !important;
+  mat-label {
+    color: black;
+    opacity: 1 !important;
+  }
 }
 
 .staff-unassigned {
-  opacity: 1 !important;
+  background-color: #bfbfbf;
+
+  mat-label {
+    opacity: 1 !important;
+  }
 }
 
 mat-option:last-child:before {