diff --git a/awx/ui/client/features/jobs/_index.less b/awx/ui/client/features/jobs/_index.less
index 66725e86eb..356ad91076 100644
--- a/awx/ui/client/features/jobs/_index.less
+++ b/awx/ui/client/features/jobs/_index.less
@@ -2,15 +2,15 @@
     font-family: monospace;
 
     &-menuTop {
-        color: @at-gray-dark-4x;
-        border: 1px solid @at-gray-dark-2x;
+        color: @at-gray-848992;
+        border: 1px solid @at-gray-f2;
         border-top-left-radius: 4px;
         border-top-right-radius: 4px;
         border-bottom: none;
     }
 
     &-menuBottom {
-        color: @at-gray-dark-4x;
+        color: @at-gray-848992;
         font-size: 10px;
         text-transform: uppercase;
         font-weight: bold;
@@ -42,8 +42,8 @@
     }
 
     &-toggle {
-        color: @at-gray-dark-4x;
-        background-color: @at-gray-light;
+        color: @at-gray-848992;
+        background-color: @at-gray-eb;
         font-size: 18px;
         line-height: 12px;
 
@@ -56,12 +56,12 @@
     }
 
     &-line {
-        color: @at-gray-dark-6x;
-        background-color: @at-gray-light;
+        color: @at-gray-161b1f;
+        background-color: @at-gray-eb;
         text-align: right;
         vertical-align: top;
         padding-right: 5px;
-        border-right: 1px solid @at-gray-dark-2x;
+        border-right: 1px solid @at-gray-b7;
         user-select: none;
     }
 
@@ -93,9 +93,9 @@
         height: calc(~"100vh - 240px");
         overflow-y: scroll;
         font-size: 15px;
-        border: 1px solid @at-gray-dark-2x;
-        background-color: @at-gray-light-2x;
-        color: @at-gray-dark-6x;
+        border: 1px solid @at-gray-b7;
+        background-color: @at-gray-f2;
+        color: @at-gray-161b1f;
         padding: 0;
         margin: 0;
         border-radius: 0;