From 6ca3964bebeb290246c28c05e909e058c8ca779a Mon Sep 17 00:00:00 2001
From: David Miculit <dmiculit@mozilla.com>
Date: Thu, 21 May 2026 15:31:09 +0300
Subject: [PATCH] fix: border still used old boostrap names

---
 ui/perfherder/alerts/AlertTable.jsx      | 2 +-
 ui/perfherder/alerts/AlertTableRow.jsx   | 2 +-
 ui/perfherder/alerts/CollapsableRows.jsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

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'}