diff --git a/src/components/button/button_group/__snapshots__/button_group.test.tsx.snap b/src/components/button/button_group/__snapshots__/button_group.test.tsx.snap
index dc64e847a86..defa590e67b 100644
--- a/src/components/button/button_group/__snapshots__/button_group.test.tsx.snap
+++ b/src/components/button/button_group/__snapshots__/button_group.test.tsx.snap
@@ -20,6 +20,7 @@ exports[`EuiButtonGroup button props buttonSize compressed is rendered for multi
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-empty-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -45,6 +46,7 @@ exports[`EuiButtonGroup button props buttonSize compressed is rendered for multi
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-empty-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -71,6 +73,7 @@ exports[`EuiButtonGroup button props buttonSize compressed is rendered for multi
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-empty-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -109,6 +112,7 @@ exports[`EuiButtonGroup button props buttonSize compressed is rendered for singl
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-empty-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -134,6 +138,7 @@ exports[`EuiButtonGroup button props buttonSize compressed is rendered for singl
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-empty-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -160,6 +165,7 @@ exports[`EuiButtonGroup button props buttonSize compressed is rendered for singl
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-empty-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -198,6 +204,7 @@ exports[`EuiButtonGroup button props buttonSize m is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-m-defaultMinWidth-euiButtonGroupButton-base-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -223,6 +230,7 @@ exports[`EuiButtonGroup button props buttonSize m is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-m-defaultMinWidth-euiButtonGroupButton-base-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -249,6 +257,7 @@ exports[`EuiButtonGroup button props buttonSize m is rendered for multi 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-m-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -287,6 +296,7 @@ exports[`EuiButtonGroup button props buttonSize m is rendered for single 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-m-defaultMinWidth-euiButtonGroupButton-base-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -312,6 +322,7 @@ exports[`EuiButtonGroup button props buttonSize m is rendered for single 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-m-defaultMinWidth-euiButtonGroupButton-base-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -338,6 +349,7 @@ exports[`EuiButtonGroup button props buttonSize m is rendered for single 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-m-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -376,6 +388,7 @@ exports[`EuiButtonGroup button props buttonSize s is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -401,6 +414,7 @@ exports[`EuiButtonGroup button props buttonSize s is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -427,6 +441,7 @@ exports[`EuiButtonGroup button props buttonSize s is rendered for multi 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -465,6 +480,7 @@ exports[`EuiButtonGroup button props buttonSize s is rendered for single 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -490,6 +506,7 @@ exports[`EuiButtonGroup button props buttonSize s is rendered for single 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -516,6 +533,7 @@ exports[`EuiButtonGroup button props buttonSize s is rendered for single 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -554,6 +572,7 @@ exports[`EuiButtonGroup button props color accent is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-accent-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -579,6 +598,7 @@ exports[`EuiButtonGroup button props color accent is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-accent"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -605,6 +625,7 @@ exports[`EuiButtonGroup button props color accent is rendered for multi 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -643,6 +664,7 @@ exports[`EuiButtonGroup button props color accent is rendered for single 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-accent-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -668,6 +690,7 @@ exports[`EuiButtonGroup button props color accent is rendered for single 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-accent"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -694,6 +717,7 @@ exports[`EuiButtonGroup button props color accent is rendered for single 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -732,6 +756,7 @@ exports[`EuiButtonGroup button props color danger is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-danger-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -757,6 +782,7 @@ exports[`EuiButtonGroup button props color danger is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-danger"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -783,6 +809,7 @@ exports[`EuiButtonGroup button props color danger is rendered for multi 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -821,6 +848,7 @@ exports[`EuiButtonGroup button props color danger is rendered for single 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-danger-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -846,6 +874,7 @@ exports[`EuiButtonGroup button props color danger is rendered for single 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-danger"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -872,6 +901,7 @@ exports[`EuiButtonGroup button props color danger is rendered for single 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -910,6 +940,7 @@ exports[`EuiButtonGroup button props color primary is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-primary-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -935,6 +966,7 @@ exports[`EuiButtonGroup button props color primary is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-primary"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -961,6 +993,7 @@ exports[`EuiButtonGroup button props color primary is rendered for multi 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -999,6 +1032,7 @@ exports[`EuiButtonGroup button props color primary is rendered for single 1`] =
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-primary-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -1024,6 +1058,7 @@ exports[`EuiButtonGroup button props color primary is rendered for single 1`] =
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-primary"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -1050,6 +1085,7 @@ exports[`EuiButtonGroup button props color primary is rendered for single 1`] =
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -1088,6 +1124,7 @@ exports[`EuiButtonGroup button props color success is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-success-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -1113,6 +1150,7 @@ exports[`EuiButtonGroup button props color success is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-success"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -1139,6 +1177,7 @@ exports[`EuiButtonGroup button props color success is rendered for multi 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -1177,6 +1216,7 @@ exports[`EuiButtonGroup button props color success is rendered for single 1`] =
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-success-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -1202,6 +1242,7 @@ exports[`EuiButtonGroup button props color success is rendered for single 1`] =
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-success"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -1228,6 +1269,7 @@ exports[`EuiButtonGroup button props color success is rendered for single 1`] =
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -1266,6 +1308,7 @@ exports[`EuiButtonGroup button props color text is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -1291,6 +1334,7 @@ exports[`EuiButtonGroup button props color text is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -1317,6 +1361,7 @@ exports[`EuiButtonGroup button props color text is rendered for multi 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -1355,6 +1400,7 @@ exports[`EuiButtonGroup button props color text is rendered for single 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -1380,6 +1426,7 @@ exports[`EuiButtonGroup button props color text is rendered for single 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -1406,6 +1453,7 @@ exports[`EuiButtonGroup button props color text is rendered for single 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -1444,6 +1492,7 @@ exports[`EuiButtonGroup button props color warning is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-warning-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -1469,6 +1518,7 @@ exports[`EuiButtonGroup button props color warning is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-warning"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -1495,6 +1545,7 @@ exports[`EuiButtonGroup button props color warning is rendered for multi 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -1533,6 +1584,7 @@ exports[`EuiButtonGroup button props color warning is rendered for single 1`] =
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-warning-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -1558,6 +1610,7 @@ exports[`EuiButtonGroup button props color warning is rendered for single 1`] =
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-warning"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -1584,6 +1637,7 @@ exports[`EuiButtonGroup button props color warning is rendered for single 1`] =
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -1624,6 +1678,7 @@ exports[`EuiButtonGroup button props isDisabled is rendered for multi 1`] = `
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled-euiTestCss"
         data-test-subj="test subject string"
         disabled=""
+        title="Option one"
         type="button"
       >
         <span
@@ -1650,6 +1705,7 @@ exports[`EuiButtonGroup button props isDisabled is rendered for multi 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button01"
         disabled=""
+        title="Option two"
         type="button"
       >
         <span
@@ -1676,6 +1732,7 @@ exports[`EuiButtonGroup button props isDisabled is rendered for multi 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -1716,6 +1773,7 @@ exports[`EuiButtonGroup button props isDisabled is rendered for single 1`] = `
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled-euiTestCss"
         data-test-subj="test subject string"
         disabled=""
+        title="Option one"
         type="button"
       >
         <span
@@ -1742,6 +1800,7 @@ exports[`EuiButtonGroup button props isDisabled is rendered for single 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button01"
         disabled=""
+        title="Option two"
         type="button"
       >
         <span
@@ -1768,6 +1827,7 @@ exports[`EuiButtonGroup button props isDisabled is rendered for single 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -1806,6 +1866,7 @@ exports[`EuiButtonGroup button props isFullWidth is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -1831,6 +1892,7 @@ exports[`EuiButtonGroup button props isFullWidth is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -1857,6 +1919,7 @@ exports[`EuiButtonGroup button props isFullWidth is rendered for multi 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -1895,6 +1958,7 @@ exports[`EuiButtonGroup button props isFullWidth is rendered for single 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -1920,6 +1984,7 @@ exports[`EuiButtonGroup button props isFullWidth is rendered for single 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -1946,6 +2011,7 @@ exports[`EuiButtonGroup button props isFullWidth is rendered for single 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -1984,6 +2050,7 @@ exports[`EuiButtonGroup button props isIconOnly is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton euiButtonGroupButton-isIconOnly testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-iconOnly-base-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -2009,6 +2076,7 @@ exports[`EuiButtonGroup button props isIconOnly is rendered for multi 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton euiButtonGroupButton-isIconOnly emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-iconOnly-base-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -2035,6 +2103,7 @@ exports[`EuiButtonGroup button props isIconOnly is rendered for multi 1`] = `
         class="euiButtonGroupButton euiButtonGroupButton-isIconOnly emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-iconOnly-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -2073,6 +2142,7 @@ exports[`EuiButtonGroup button props isIconOnly is rendered for single 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton euiButtonGroupButton-isIconOnly testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-iconOnly-base-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -2098,6 +2168,7 @@ exports[`EuiButtonGroup button props isIconOnly is rendered for single 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton euiButtonGroupButton-isIconOnly emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-iconOnly-base-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -2124,6 +2195,7 @@ exports[`EuiButtonGroup button props isIconOnly is rendered for single 1`] = `
         class="euiButtonGroupButton euiButtonGroupButton-isIconOnly emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-iconOnly-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -2162,6 +2234,7 @@ exports[`EuiButtonGroup type="multi" idToSelectedMap 1`] = `
         aria-pressed="true"
         class="euiButtonGroupButton euiButtonGroupButton-isSelected testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-fill-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -2187,6 +2260,7 @@ exports[`EuiButtonGroup type="multi" idToSelectedMap 1`] = `
         aria-pressed="true"
         class="euiButtonGroupButton euiButtonGroupButton-isSelected emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-fill-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -2213,6 +2287,7 @@ exports[`EuiButtonGroup type="multi" idToSelectedMap 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -2253,6 +2328,7 @@ exports[`EuiButtonGroup type="multi" renders 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -2278,6 +2354,7 @@ exports[`EuiButtonGroup type="multi" renders 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -2304,6 +2381,7 @@ exports[`EuiButtonGroup type="multi" renders 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -2342,6 +2420,7 @@ exports[`EuiButtonGroup type="single" idSelected 1`] = `
         aria-pressed="true"
         class="euiButtonGroupButton euiButtonGroupButton-isSelected testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-fill-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -2367,6 +2446,7 @@ exports[`EuiButtonGroup type="single" idSelected 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -2393,6 +2473,7 @@ exports[`EuiButtonGroup type="single" idSelected 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
@@ -2433,6 +2514,7 @@ exports[`EuiButtonGroup type="single" renders 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton testClass1 testClass2 emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text-euiTestCss"
         data-test-subj="test subject string"
+        title="Option one"
         type="button"
       >
         <span
@@ -2458,6 +2540,7 @@ exports[`EuiButtonGroup type="single" renders 1`] = `
         aria-pressed="false"
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-base-text"
         data-test-subj="button01"
+        title="Option two"
         type="button"
       >
         <span
@@ -2484,6 +2567,7 @@ exports[`EuiButtonGroup type="single" renders 1`] = `
         class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-isDisabled-euiButtonGroupButton-base-disabled"
         data-test-subj="button02"
         disabled=""
+        title="Option three"
         type="submit"
       >
         <span
diff --git a/src/components/button/button_group/button_group.test.tsx b/src/components/button/button_group/button_group.test.tsx
index 933ea3ab23f..eccf6b2fbc0 100644
--- a/src/components/button/button_group/button_group.test.tsx
+++ b/src/components/button/button_group/button_group.test.tsx
@@ -233,13 +233,14 @@ describe('EuiButtonGroup', () => {
             {
               id: 'buttonWithTooltip',
               label: 'Option 4',
+              toolTipContent: 'I am a tooltip',
             },
           ]}
         />
       );
       fireEvent.mouseOver(getByTestSubject('buttonWithTooltip'));
       await waitForEuiToolTipVisible();
-      expect(getByRole('tooltip')).toHaveTextContent('Option 4');
+      expect(getByRole('tooltip')).toHaveTextContent('I am a tooltip');
     });
 
     it('shows a tooltip on focus', async () => {
@@ -252,17 +253,18 @@ describe('EuiButtonGroup', () => {
             {
               id: 'buttonWithTooltip',
               label: 'Option 4',
+              toolTipContent: 'I am a tooltip',
             },
           ]}
         />
       );
       fireEvent.focus(getByTestSubject('buttonWithTooltip'));
       await waitForEuiToolTipVisible();
-      expect(getByRole('tooltip')).toHaveTextContent('Option 4');
+      expect(getByRole('tooltip')).toHaveTextContent('I am a tooltip');
     });
 
-    it('allows overriding the default title', async () => {
-      const { getByTestSubject, getByRole } = render(
+    it('should automatically add a title attribute with the provided label if no tooltip is provided', () => {
+      const { getByTestSubject } = render(
         <EuiButtonGroup
           {...requiredMultiProps}
           isIconOnly
@@ -271,14 +273,34 @@ describe('EuiButtonGroup', () => {
             {
               id: 'buttonWithTooltip',
               label: 'Option 4',
-              title: 'I am a tooltip',
             },
           ]}
         />
       );
-      fireEvent.mouseOver(getByTestSubject('buttonWithTooltip'));
-      await waitForEuiToolTipVisible();
-      expect(getByRole('tooltip')).toHaveTextContent('I am a tooltip');
+      expect(getByTestSubject('buttonWithTooltip')).toHaveAttribute(
+        'title',
+        'Option 4'
+      );
+    });
+
+    it('should not add a title attribute if a tooltip is provided', () => {
+      const { getByTestSubject } = render(
+        <EuiButtonGroup
+          {...requiredMultiProps}
+          isIconOnly
+          options={[
+            ...options,
+            {
+              id: 'buttonWithTooltip',
+              label: 'Option 4',
+              toolTipContent: 'I am a tooltip',
+            },
+          ]}
+        />
+      );
+      expect(getByTestSubject('buttonWithTooltip')).not.toHaveAttribute(
+        'title'
+      );
     });
 
     it('allows customizing the tooltip delay', async () => {
@@ -291,7 +313,10 @@ describe('EuiButtonGroup', () => {
             {
               id: 'buttonWithTooltip',
               label: 'Option 4',
-              title: 'I am a tooltip',
+              toolTipContent: 'I am a tooltip',
+              toolTipProps: {
+                delay: 'long',
+              },
             },
           ]}
         />
@@ -311,8 +336,10 @@ describe('EuiButtonGroup', () => {
             {
               id: 'buttonWithTooltip',
               label: 'Option 4',
-              title: 'I am a tooltip',
-              titleDelay: 'regular',
+              toolTipContent: 'I am a tooltip',
+              toolTipProps: {
+                delay: 'regular',
+              },
             },
           ]}
         />
@@ -334,7 +361,7 @@ describe('EuiButtonGroup', () => {
             {
               id: 'buttonWithTooltip',
               label: 'Option 4',
-              title: 'I am a tooltip',
+              toolTipContent: 'I am a tooltip',
             },
           ]}
         />
@@ -355,8 +382,10 @@ describe('EuiButtonGroup', () => {
             {
               id: 'buttonWithTooltip',
               label: 'Option 4',
-              title: 'I am a tooltip',
-              titlePosition: 'bottom',
+              toolTipContent: 'I am a tooltip',
+              toolTipProps: {
+                position: 'bottom',
+              },
             },
           ]}
         />
@@ -369,27 +398,6 @@ describe('EuiButtonGroup', () => {
       );
     });
 
-    it('does not show a tooltip for buttons with visible text', async () => {
-      const { getByTestSubject, queryByRole } = render(
-        <EuiButtonGroup
-          {...requiredMultiProps}
-          options={[
-            ...options,
-            {
-              id: 'buttonWithTooltip',
-              label: 'Option 4',
-              titleDelay: 'regular',
-            },
-          ]}
-        />
-      );
-      fireEvent.mouseOver(getByTestSubject('buttonWithTooltip'));
-      await act(async () => {
-        await new Promise((resolve) => setTimeout(resolve, 500));
-      });
-      expect(queryByRole('tooltip')).toBeNull();
-    });
-
     it('hides the tooltip on click until rehovered/refocused', async () => {
       const { getByTestSubject, queryByRole } = render(
         <EuiButtonGroup
@@ -400,6 +408,7 @@ describe('EuiButtonGroup', () => {
             {
               id: 'buttonWithTooltip',
               label: 'Option 4',
+              toolTipContent: 'I am a tooltip',
             },
           ]}
         />
diff --git a/src/components/button/button_group/button_group.tsx b/src/components/button/button_group/button_group.tsx
index f7c375497b3..e20c6677eb0 100644
--- a/src/components/button/button_group/button_group.tsx
+++ b/src/components/button/button_group/button_group.tsx
@@ -48,19 +48,13 @@ export interface EuiButtonGroupOptionProps
    */
   type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
   /**
-   * Custom title content for the button, only used if isIconOnly is true
+   * Custom tooltip content for the button
    */
-  title?: EuiToolTipProps['content'];
+  toolTipContent?: EuiToolTipProps['content'];
   /**
-   * Custom title delay
-   * @default 'long'
+   * Custom tooltip props for the button
    */
-  titleDelay?: EuiToolTipProps['delay'];
-  /**
-   * Custom title position
-   * @default 'top'
-   */
-  titlePosition?: EuiToolTipProps['position'];
+  toolTipProps?: Partial<Omit<EuiToolTipProps, 'content' | 'children'>>;
 }
 
 export type EuiButtonGroupProps = CommonProps & {
diff --git a/src/components/button/button_group/button_group_button.tsx b/src/components/button/button_group/button_group_button.tsx
index 65d65e26039..dd01d0bc29c 100644
--- a/src/components/button/button_group/button_group_button.tsx
+++ b/src/components/button/button_group/button_group_button.tsx
@@ -55,9 +55,8 @@ export const EuiButtonGroupButton: FunctionComponent<Props> = ({
   value, // Prevent prop from being spread
   size,
   color: _color = 'primary',
-  title,
-  titleDelay = 'long',
-  titlePosition = 'top',
+  toolTipContent,
+  toolTipProps,
   onClick,
   ...rest
 }) => {
@@ -103,28 +102,35 @@ export const EuiButtonGroupButton: FunctionComponent<Props> = ({
    * the base width of the button via the `euiTextShift()` method in SASS.
    */
   const [buttonTextRef, innerText] = useInnerText();
-  const tooltipRef = useRef<EuiToolTip>(null);
+  const toolTipRef = useRef<EuiToolTip>(null);
 
   const onClickOverride: React.MouseEventHandler<HTMLButtonElement> = (e) => {
     // Blur the tooltip so it doesn't stick around after click until rehovered/refocused
-    tooltipRef.current?.onBlur();
+    toolTipRef.current?.onBlur();
     onClick(e);
   };
 
   return (
     <EuiToolTip
-      ref={tooltipRef}
-      content={isIconOnly ? title || innerText : undefined}
-      delay={titleDelay}
-      position={titlePosition}
+      ref={toolTipRef}
+      content={toolTipContent}
+      delay="long"
+      position="top"
+      {...toolTipProps}
       anchorProps={{
-        className: classNames('euiButtonGroupButton__tooltipAnchor', {
-          'euiButtonGroupButton__tooltipAnchor-isSelected': isSelected,
-        }),
+        ...toolTipProps?.anchorProps,
+        className: classNames(
+          'euiButtonGroupButton__tooltipAnchor',
+          {
+            'euiButtonGroupButton__tooltipAnchor-isSelected': isSelected,
+          },
+          toolTipProps?.anchorProps?.className
+        ),
         css: [
           styles.euiButtonGroupButtonTooltipAnchor,
           styles[size!],
           !isCompressed && styles.uncompressed,
+          toolTipProps?.anchorProps?.css,
         ],
       }}
     >
@@ -139,6 +145,7 @@ export const EuiButtonGroupButton: FunctionComponent<Props> = ({
           ref: buttonTextRef,
           'data-text': innerText,
         }}
+        title={toolTipContent ? undefined : innerText}
         data-test-subj={id}
         isSelected={isSelected}
         onClick={onClickOverride}