diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
index 4c48b84ad..bcc0bea84 100644
--- a/app/webroot/css/co-base.css
+++ b/app/webroot/css/co-base.css
@@ -1301,21 +1301,27 @@ p { /* MDL override */
 .warn-level-b td {
   background-color: var(--cmg-color-yellow-001);
 }
-.asc,
-.desc {
-  color: black;
+/* Sortable table headings and icons */
+a.asc,
+a.desc {
+  white-space: nowrap;
 }
 a.asc::after,
 a.desc::after {
-  position: relative;
-  right: -2px;
-  font-style: normal;
+  display: inline-block;
+  content: "";
+  height: 0;
+  width: 0;
+  margin-left: 0.25em;
+  border: 4px solid transparent;
 }
 a.asc::after {
-  content: "▲"; /*\25b2 in escaped hex*/
+  border-bottom-color: var(--cmg-color-blue-001);
+  margin-bottom: 3px;
 }
 a.desc::after {
-  content: "▼"; /*\25bc in escaped hex*/
+  border-top-color: var(--cmg-color-blue-001);
+  margin-bottom: -3px;
 }
 /* CO GRID LAYOUT; currently used only on CO Selection */
 .co-grid {
@@ -1359,7 +1365,7 @@ th, td {
   text-align: left;
 }
 th {
-  background-color: var(--cmg-color-lightgray-005);
+  background-color: var(--cmg-color-lightgray-003);
   color: var(--cmg-color-black);
 }
 td {
@@ -1376,12 +1382,6 @@ tr td:last-child {
 tr.noborder td {
   border: none;
 }
-tr:nth-child(odd) td {
-  background-color: var(--cmg-color-lightgray-001);
-}
-tr:nth-child(even) td {
-  background-color: var(--cmg-color-white);
-}
 td.indented {
   border-left: 3em solid var(--cmg-color-white);
 }