diff --git a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
index dc946709b82..f2bf4d04429 100644
--- a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
+++ b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
@@ -157,6 +157,7 @@ exports[`useDataGridColumnSorting columnSorting [React 16] renders a toolbar but
                       aria-pressed="true"
                       class="euiButtonGroupButton euiButtonGroupButton-isSelected emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-fill-text"
                       data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-asc"
+                      title="Low-High"
                       type="button"
                     >
                       <span
@@ -178,6 +179,7 @@ exports[`useDataGridColumnSorting columnSorting [React 16] renders a toolbar but
                       aria-pressed="false"
                       class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-empty-text"
                       data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-desc"
+                      title="High-Low"
                       type="button"
                     >
                       <span
@@ -433,6 +435,7 @@ exports[`useDataGridColumnSorting columnSorting [React 17] renders a toolbar but
                       aria-pressed="true"
                       class="euiButtonGroupButton euiButtonGroupButton-isSelected emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-fill-text"
                       data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-asc"
+                      title="Low-High"
                       type="button"
                     >
                       <span
@@ -454,6 +457,7 @@ exports[`useDataGridColumnSorting columnSorting [React 17] renders a toolbar but
                       aria-pressed="false"
                       class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-empty-text"
                       data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-desc"
+                      title="High-Low"
                       type="button"
                     >
                       <span
@@ -709,6 +713,7 @@ exports[`useDataGridColumnSorting columnSorting [React 18] renders a toolbar but
                       aria-pressed="true"
                       class="euiButtonGroupButton euiButtonGroupButton-isSelected emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-fill-text"
                       data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-asc"
+                      title="Low-High"
                       type="button"
                     >
                       <span
@@ -730,6 +735,7 @@ exports[`useDataGridColumnSorting columnSorting [React 18] renders a toolbar but
                       aria-pressed="false"
                       class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-empty-text"
                       data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-desc"
+                      title="High-Low"
                       type="button"
                     >
                       <span
diff --git a/src/components/datagrid/controls/__snapshots__/column_sorting_draggable.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/column_sorting_draggable.test.tsx.snap
index 37c5c448396..a654e732675 100644
--- a/src/components/datagrid/controls/__snapshots__/column_sorting_draggable.test.tsx.snap
+++ b/src/components/datagrid/controls/__snapshots__/column_sorting_draggable.test.tsx.snap
@@ -94,6 +94,7 @@ exports[`EuiDataGridColumnSortingDraggable [React 16] renders an EuiDraggable co
                 aria-pressed="true"
                 class="euiButtonGroupButton euiButtonGroupButton-isSelected emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-fill-text"
                 data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-asc"
+                title="Low-High"
                 type="button"
               >
                 <span
@@ -115,6 +116,7 @@ exports[`EuiDataGridColumnSortingDraggable [React 16] renders an EuiDraggable co
                 aria-pressed="false"
                 class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-empty-text"
                 data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-desc"
+                title="High-Low"
                 type="button"
               >
                 <span
@@ -246,6 +248,7 @@ exports[`EuiDataGridColumnSortingDraggable [React 17] renders an EuiDraggable co
                 aria-pressed="true"
                 class="euiButtonGroupButton euiButtonGroupButton-isSelected emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-fill-text"
                 data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-asc"
+                title="Low-High"
                 type="button"
               >
                 <span
@@ -267,6 +270,7 @@ exports[`EuiDataGridColumnSortingDraggable [React 17] renders an EuiDraggable co
                 aria-pressed="false"
                 class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-empty-text"
                 data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-desc"
+                title="High-Low"
                 type="button"
               >
                 <span
@@ -398,6 +402,7 @@ exports[`EuiDataGridColumnSortingDraggable [React 18] renders an EuiDraggable co
                 aria-pressed="true"
                 class="euiButtonGroupButton euiButtonGroupButton-isSelected emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-fill-text"
                 data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-asc"
+                title="Low-High"
                 type="button"
               >
                 <span
@@ -419,6 +424,7 @@ exports[`EuiDataGridColumnSortingDraggable [React 18] renders an EuiDraggable co
                 aria-pressed="false"
                 class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-empty-text"
                 data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-desc"
+                title="High-Low"
                 type="button"
               >
                 <span
diff --git a/src/components/datagrid/controls/column_sorting_draggable.test.tsx b/src/components/datagrid/controls/column_sorting_draggable.test.tsx
index 2b790945135..0f275b4a79c 100644
--- a/src/components/datagrid/controls/column_sorting_draggable.test.tsx
+++ b/src/components/datagrid/controls/column_sorting_draggable.test.tsx
@@ -106,15 +106,13 @@ describe('EuiDataGridColumnSortingDraggable', () => {
       );
 
       expect(
-        getByTestSubject(
-          'euiDataGridColumnSorting-sortColumn-columnA-asc'
-        )?.querySelector('[data-text]')?.textContent
+        getByTestSubject('euiDataGridColumnSorting-sortColumn-columnA-asc')
+          .title
       ).toEqual('A-Z');
 
       expect(
-        getByTestSubject(
-          'euiDataGridColumnSorting-sortColumn-columnA-desc'
-        )?.querySelector('[data-text]')?.textContent
+        getByTestSubject('euiDataGridColumnSorting-sortColumn-columnA-desc')
+          .title
       ).toEqual('Z-A');
     });
 
@@ -133,15 +131,13 @@ describe('EuiDataGridColumnSortingDraggable', () => {
       );
 
       expect(
-        getByTestSubject(
-          'euiDataGridColumnSorting-sortColumn-columnA-asc'
-        )?.querySelector('[data-text]')?.textContent
+        getByTestSubject('euiDataGridColumnSorting-sortColumn-columnA-asc')
+          .title
       ).toEqual('False-True');
 
       expect(
-        getByTestSubject(
-          'euiDataGridColumnSorting-sortColumn-columnA-desc'
-        )?.querySelector('[data-text]')?.textContent
+        getByTestSubject('euiDataGridColumnSorting-sortColumn-columnA-desc')
+          .title
       ).toEqual('True-False');
     });
   });