diff --git a/packages/app/src/specs/RunStatusDots.cy.tsx b/packages/app/src/specs/RunStatusDots.cy.tsx
index cd0f6102b6f9..f5e8c84ef4c2 100644
--- a/packages/app/src/specs/RunStatusDots.cy.tsx
+++ b/packages/app/src/specs/RunStatusDots.cy.tsx
@@ -58,7 +58,7 @@ describe('<RunStatusDots />', () => {
       cy.get('.v-popper__popper--shown').contains('spec.cy.ts')
       cy.findAllByTestId('run-status-dot-0').should('have.class', 'icon-light-orange-400')
       cy.findAllByTestId('run-status-dot-1').should('have.class', 'icon-light-indigo-400')
-      cy.findAllByTestId('run-status-dot-2').should('have.class', 'icon-light-gray-400')
+      cy.findAllByTestId('run-status-dot-2').should('have.class', 'icon-light-gray-300')
       cy.findAllByTestId('run-status-dot-latest').should('not.have.class', 'animate-spin')
     })
   })
diff --git a/packages/app/src/specs/RunStatusDots.vue b/packages/app/src/specs/RunStatusDots.vue
index bd9443441eb0..6f63f8e8dee1 100644
--- a/packages/app/src/specs/RunStatusDots.vue
+++ b/packages/app/src/specs/RunStatusDots.vue
@@ -157,10 +157,10 @@ const dotClasses = computed(() => {
       case 'ERRORED':
       case 'TIMEDOUT':
         return 'icon-light-orange-400'
-      case 'UNCLAIMED':
       case 'NOTESTS':
         return 'icon-light-gray-400'
       case 'CANCELLED':
+      case 'UNCLAIMED':
       default:
         return 'icon-light-gray-300'
     }
diff --git a/packages/frontend-shared/src/assets/icons/queued-solid_x16.svg b/packages/frontend-shared/src/assets/icons/queued-solid_x16.svg
index aa3737867be4..1c6490c0785a 100644
--- a/packages/frontend-shared/src/assets/icons/queued-solid_x16.svg
+++ b/packages/frontend-shared/src/assets/icons/queued-solid_x16.svg
@@ -1,5 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Dimensions=x16">
-<circle id="Circle" cx="8" cy="8" r="7" stroke="#E1E3ED" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
+  <circle id="InnerCircle" class="icon-light" cx="8" cy="8" r="6" fill="none" />
+  <circle id="OuterCircle" class="icon-dark" cx="8" cy="8" r="7" stroke="#BFC2D4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
 </svg>