diff --git a/src/components/Incidents/IncidentList/index.js b/src/components/Incidents/IncidentList/index.js
index c6a1938a6..0e7fb0eb6 100644
--- a/src/components/Incidents/IncidentList/index.js
+++ b/src/components/Incidents/IncidentList/index.js
@@ -8,10 +8,10 @@ import { IncidentStatus } from "../incident-status";
 
 export function IncidentList({ list, ...rest }) {
   return (
-    <div className="border border-border-color rounded-md">
+    <div className="border border-gray-200 rounded-md">
       <table className="table-auto w-full" aria-label="table" {...rest}>
         <thead className="rounded-md">
-          <tr className="border-b border-border-color uppercase bg-column-background rounded-t-md items-center">
+          <tr className="border-b border-gray-200 uppercase bg-column-background rounded-t-md items-center">
             <th
               className="px-6 py-3 text-gray-500 font-medium text-xs col-span-2 text-left"
               colSpan={2}
diff --git a/src/index.css b/src/index.css
index 32ee1ede7..3752c5478 100644
--- a/src/index.css
+++ b/src/index.css
@@ -56,12 +56,12 @@
     border-radius: 8px;
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
-    @apply border-border-color shadow-md;
+    @apply border-gray-200 shadow-md;
   }
 
   .comfortable-table td,
   .comfortable-table th {
-    @apply border-border-color;
+    @apply border-gray-200;
   }
 
   .comfortable-table td {
@@ -109,7 +109,7 @@
 
   .compact-table td,
   .compact-table th {
-    @apply border-border-color;
+    @apply border-gray-200;
   }
 
   .compact-table th {