diff --git a/ui/perfherder/alerts/AlertTable.jsx b/ui/perfherder/alerts/AlertTable.jsx
index 30ec7083a87..d870ac3b5ef 100644
--- a/ui/perfherder/alerts/AlertTable.jsx
+++ b/ui/perfherder/alerts/AlertTable.jsx
@@ -465,7 +465,7 @@ export default class AlertTable extends React.Component {
                     <tr
                       className={`${
                         alertSummary.notes
-                          ? 'border-top border-left border-right'
+                          ? 'border-top border-start border-end'
                           : 'border'
                       }`}
                     >
diff --git a/ui/perfherder/alerts/AlertTableRow.jsx b/ui/perfherder/alerts/AlertTableRow.jsx
index dc0cc4953b5..1dca2cc49fb 100644
--- a/ui/perfherder/alerts/AlertTableRow.jsx
+++ b/ui/perfherder/alerts/AlertTableRow.jsx
@@ -425,7 +425,7 @@ export default class AlertTableRow extends React.Component {
     return (
       <tr
         className={`align-middle ${
-          alertSummary.notes ? 'border-top border-left border-right' : 'border'
+          alertSummary.notes ? 'border-top border-start border-end' : 'border'
         }`}
         aria-label="Alert table row"
         data-testid={alert.id}
diff --git a/ui/perfherder/alerts/CollapsableRows.jsx b/ui/perfherder/alerts/CollapsableRows.jsx
index 454e48d8621..20cf8dc16f9 100644
--- a/ui/perfherder/alerts/CollapsableRows.jsx
+++ b/ui/perfherder/alerts/CollapsableRows.jsx
@@ -43,7 +43,7 @@ export default class CollapsableRows extends React.Component {
           <AlertTableRow key={alert.id} alert={alert} {...this.props} />
         ))}
         <tr
-          className="border-left border-right"
+          className="border-start border-end"
           role="button"
           onClick={() => this.toggleRows()}
           data-testid={isOpen ? 'show-less-alerts' : 'show-more-alerts'}