diff --git a/CHANGELOG.md b/CHANGELOG.md
index 47ae974fec5..dd71fc3e73c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 - Fixed a `EuiDataGrid` sizing bug which didn't account for a horizontal scrollbar ([#5478](https://github.com/elastic/eui/pull/5478))
 - Fixed a `EuiDatePicker` a11y bug where axe-core reported missing ARIA and role attributes ([#5501](https://github.com/elastic/eui/pull/5501))
 - Fixed `EuiModalHeaderTitle` to conditionally wrap title strings in an H1 ([#5494](https://github.com/elastic/eui/pull/5494))
+- Fixed `EuiKeypadMenuItem` accessibility issue where there was a nested focusable element ([#5508](https://github.com/elastic/eui/pull/5508))
 - Fixed a `EuiDataGrid` issue where a focused cell would lose focus when scrolled out of and back into view ([#5488](https://github.com/elastic/eui/pull/5488))
 - Fixed an `EuiDatePicker` accessibility issue where `tabindex` was not applied to a listbox element ([#5509](https://github.com/elastic/eui/pull/5509))
 
diff --git a/src/components/badge/beta_badge/beta_badge.tsx b/src/components/badge/beta_badge/beta_badge.tsx
index 5d04870c7e7..3d7e35810b5 100644
--- a/src/components/badge/beta_badge/beta_badge.tsx
+++ b/src/components/badge/beta_badge/beta_badge.tsx
@@ -224,7 +224,7 @@ export const EuiBetaBadge: FunctionComponent<EuiBetaBadgeProps> = ({
           content={tooltipContent}
           title={title || label}
         >
-          <span tabIndex={0} className={classes} {...rest}>
+          <span tabIndex={0} className={classes} role="button" {...rest}>
             {icon || label}
           </span>
         </EuiToolTip>
diff --git a/src/components/context_menu/__snapshots__/context_menu_panel.test.tsx.snap b/src/components/context_menu/__snapshots__/context_menu_panel.test.tsx.snap
index f2acddc4b4a..1c2c8063de3 100644
--- a/src/components/context_menu/__snapshots__/context_menu_panel.test.tsx.snap
+++ b/src/components/context_menu/__snapshots__/context_menu_panel.test.tsx.snap
@@ -560,7 +560,7 @@ exports[`EuiContextMenuPanel props transitionDirection previous with transitionT
 
 exports[`EuiContextMenuPanel updating items and content updates to items should not re-render if any items's watchedItemProps did not change 1`] = `
 "<EuiContextMenuPanel items={{...}} hasFocus={true}>
-  <div className=\\"euiContextMenuPanel\\" onKeyDown={[Function (anonymous)]} tabIndex={-1} onAnimationEnd={[Function (anonymous)]}>
+  <div className=\\"euiContextMenuPanel\\" onKeyDown={[Function]} tabIndex={-1} onAnimationEnd={[Function]}>
     <div>
       <EuiResizeObserver onResize={[Function: onResize]}>
         <div>
@@ -591,7 +591,7 @@ exports[`EuiContextMenuPanel updating items and content updates to items should
 
 exports[`EuiContextMenuPanel updating items and content updates to items should not re-render if any items's watchedItemProps did not change 2`] = `
 "<EuiContextMenuPanel items={{...}} hasFocus={true}>
-  <div className=\\"euiContextMenuPanel\\" onKeyDown={[Function (anonymous)]} tabIndex={-1} onAnimationEnd={[Function (anonymous)]}>
+  <div className=\\"euiContextMenuPanel\\" onKeyDown={[Function]} tabIndex={-1} onAnimationEnd={[Function]}>
     <div>
       <EuiResizeObserver onResize={[Function: onResize]}>
         <div>
@@ -622,7 +622,7 @@ exports[`EuiContextMenuPanel updating items and content updates to items should
 
 exports[`EuiContextMenuPanel updating items and content updates to items should re-render at all times when children exists 1`] = `
 "<EuiContextMenuPanel hasFocus={true} items={{...}}>
-  <div className=\\"euiContextMenuPanel\\" onKeyDown={[Function (anonymous)]} tabIndex={-1} onAnimationEnd={[Function (anonymous)]}>
+  <div className=\\"euiContextMenuPanel\\" onKeyDown={[Function]} tabIndex={-1} onAnimationEnd={[Function]}>
     <div>
       <EuiResizeObserver onResize={[Function: onResize]}>
         <div>
@@ -636,7 +636,7 @@ exports[`EuiContextMenuPanel updating items and content updates to items should
 
 exports[`EuiContextMenuPanel updating items and content updates to items should re-render at all times when children exists 2`] = `
 "<EuiContextMenuPanel hasFocus={true} items={{...}}>
-  <div className=\\"euiContextMenuPanel\\" onKeyDown={[Function (anonymous)]} tabIndex={-1} onAnimationEnd={[Function (anonymous)]}>
+  <div className=\\"euiContextMenuPanel\\" onKeyDown={[Function]} tabIndex={-1} onAnimationEnd={[Function]}>
     <div>
       <EuiResizeObserver onResize={[Function: onResize]}>
         <div>
@@ -650,7 +650,7 @@ exports[`EuiContextMenuPanel updating items and content updates to items should
 
 exports[`EuiContextMenuPanel updating items and content updates to items should re-render if any items's watchedItemProps did change 1`] = `
 "<EuiContextMenuPanel watchedItemProps={{...}} items={{...}} hasFocus={true}>
-  <div className=\\"euiContextMenuPanel\\" onKeyDown={[Function (anonymous)]} tabIndex={-1} onAnimationEnd={[Function (anonymous)]}>
+  <div className=\\"euiContextMenuPanel\\" onKeyDown={[Function]} tabIndex={-1} onAnimationEnd={[Function]}>
     <div>
       <EuiResizeObserver onResize={[Function: onResize]}>
         <div>
@@ -681,7 +681,7 @@ exports[`EuiContextMenuPanel updating items and content updates to items should
 
 exports[`EuiContextMenuPanel updating items and content updates to items should re-render if any items's watchedItemProps did change 2`] = `
 "<EuiContextMenuPanel watchedItemProps={{...}} items={{...}} hasFocus={true}>
-  <div className=\\"euiContextMenuPanel\\" onKeyDown={[Function (anonymous)]} tabIndex={-1} onAnimationEnd={[Function (anonymous)]}>
+  <div className=\\"euiContextMenuPanel\\" onKeyDown={[Function]} tabIndex={-1} onAnimationEnd={[Function]}>
     <div>
       <EuiResizeObserver onResize={[Function: onResize]}>
         <div>
diff --git a/src/components/key_pad_menu/__snapshots__/key_pad_menu_item.test.tsx.snap b/src/components/key_pad_menu/__snapshots__/key_pad_menu_item.test.tsx.snap
index c2bda9567db..91d633a5317 100644
--- a/src/components/key_pad_menu/__snapshots__/key_pad_menu_item.test.tsx.snap
+++ b/src/components/key_pad_menu/__snapshots__/key_pad_menu_item.test.tsx.snap
@@ -1,135 +1,187 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`EuiKeyPadMenuItem checkable renders as checkbox 1`] = `
-<label
-  class="euiKeyPadMenuItem euiKeyPadMenuItem--checkable"
-  for="generated-id"
+<span
+  class="euiKeyPadMenuItem__outer"
 >
   <span
-    class="euiKeyPadMenuItem__inner"
+    class="euiKeyPadMenuItem__positioned"
   >
-    <div
-      class="euiCheckbox euiCheckbox--noLabel euiKeyPadMenuItem__checkableInput"
+    <label
+      class="euiKeyPadMenuItem euiKeyPadMenuItem--checkable"
+      for="generated-id"
     >
-      <input
-        class="euiCheckbox__input"
-        id="generated-id"
-        type="checkbox"
-      />
-      <div
-        class="euiCheckbox__square"
-      />
-    </div>
-    <span
-      class="euiKeyPadMenuItem__icon"
-    >
-      Icon
-    </span>
-    <span
-      class="euiKeyPadMenuItem__label"
-    >
-      Label
-    </span>
+      <span
+        class="euiKeyPadMenuItem__inner"
+      >
+        <div
+          class="euiCheckbox euiCheckbox--noLabel euiKeyPadMenuItem__checkableInput"
+        >
+          <input
+            class="euiCheckbox__input"
+            id="generated-id"
+            type="checkbox"
+          />
+          <div
+            class="euiCheckbox__square"
+          />
+        </div>
+        <span
+          class="euiKeyPadMenuItem__icon"
+        >
+          Icon
+        </span>
+        <span
+          class="euiKeyPadMenuItem__label"
+        >
+          Label
+        </span>
+      </span>
+    </label>
   </span>
-</label>
+</span>
 `;
 
 exports[`EuiKeyPadMenuItem checkable renders as radio 1`] = `
-<label
-  class="euiKeyPadMenuItem euiKeyPadMenuItem--checkable"
-  for="generated-id"
+<span
+  class="euiKeyPadMenuItem__outer"
 >
   <span
-    class="euiKeyPadMenuItem__inner"
+    class="euiKeyPadMenuItem__positioned"
   >
-    <div
-      class="euiRadio euiRadio--noLabel euiKeyPadMenuItem__checkableInput"
-    >
-      <input
-        class="euiRadio__input"
-        id="generated-id"
-        name="single"
-        type="radio"
-      />
-      <div
-        class="euiRadio__circle"
-      />
-    </div>
-    <span
-      class="euiKeyPadMenuItem__icon"
+    <label
+      class="euiKeyPadMenuItem euiKeyPadMenuItem--checkable"
+      for="generated-id"
     >
-      Icon
-    </span>
-    <span
-      class="euiKeyPadMenuItem__label"
-    >
-      Label
-    </span>
+      <span
+        class="euiKeyPadMenuItem__inner"
+      >
+        <div
+          class="euiRadio euiRadio--noLabel euiKeyPadMenuItem__checkableInput"
+        >
+          <input
+            class="euiRadio__input"
+            id="generated-id"
+            name="single"
+            type="radio"
+          />
+          <div
+            class="euiRadio__circle"
+          />
+        </div>
+        <span
+          class="euiKeyPadMenuItem__icon"
+        >
+          Icon
+        </span>
+        <span
+          class="euiKeyPadMenuItem__label"
+        >
+          Label
+        </span>
+      </span>
+    </label>
   </span>
-</label>
+</span>
 `;
 
 exports[`EuiKeyPadMenuItem is rendered 1`] = `
-<button
-  aria-label="aria-label"
-  class="euiKeyPadMenuItem testClass1 testClass2"
-  data-test-subj="test subject string"
-  type="button"
+<span
+  class="euiKeyPadMenuItem__outer"
 >
   <span
-    class="euiKeyPadMenuItem__inner"
+    class="euiKeyPadMenuItem__positioned"
   >
-    <span
-      class="euiKeyPadMenuItem__icon"
-    >
-      Icon
-    </span>
-    <span
-      class="euiKeyPadMenuItem__label"
+    <button
+      aria-label="aria-label"
+      class="euiKeyPadMenuItem testClass1 testClass2"
+      data-test-subj="test subject string"
+      type="button"
     >
-      Label
-    </span>
+      <span
+        class="euiKeyPadMenuItem__inner"
+      >
+        <span
+          class="euiKeyPadMenuItem__icon"
+        >
+          Icon
+        </span>
+        <span
+          class="euiKeyPadMenuItem__label"
+        >
+          Label
+        </span>
+      </span>
+    </button>
   </span>
-</button>
+</span>
 `;
 
 exports[`EuiKeyPadMenuItem props betaBadge renders 1`] = `
-<button
-  class="euiKeyPadMenuItem euiKeyPadMenuItem--hasBetaBadge"
-  type="button"
+<span
+  class="euiKeyPadMenuItem__outer"
 >
   <span
-    class="euiKeyPadMenuItem__inner"
+    class="euiKeyPadMenuItem__positioned"
   >
+    <button
+      class="euiKeyPadMenuItem euiKeyPadMenuItem--hasBetaBadge"
+      type="button"
+    >
+      <span
+        class="euiKeyPadMenuItem__inner"
+      >
+        <span
+          class="euiKeyPadMenuItem__icon"
+        >
+          Icon
+        </span>
+        <span
+          class="euiKeyPadMenuItem__label"
+        >
+          Label
+        </span>
+      </span>
+    </button>
     <span
+      aria-label="Label Beta"
       class="euiBetaBadge euiBetaBadge--singleLetter euiBetaBadge--subdued euiBetaBadge--small euiKeyPadMenuItem__betaBadge"
       title="Beta"
     >
       B
     </span>
-    <span
-      class="euiKeyPadMenuItem__icon"
-    >
-      Icon
-    </span>
-    <span
-      class="euiKeyPadMenuItem__label"
-    >
-      Label
-    </span>
   </span>
-</button>
+</span>
 `;
 
 exports[`EuiKeyPadMenuItem props betaBadge renders with betaBadgeIconType 1`] = `
-<button
-  class="euiKeyPadMenuItem euiKeyPadMenuItem--hasBetaBadge"
-  type="button"
+<span
+  class="euiKeyPadMenuItem__outer"
 >
   <span
-    class="euiKeyPadMenuItem__inner"
+    class="euiKeyPadMenuItem__positioned"
   >
+    <button
+      class="euiKeyPadMenuItem euiKeyPadMenuItem--hasBetaBadge"
+      type="button"
+    >
+      <span
+        class="euiKeyPadMenuItem__inner"
+      >
+        <span
+          class="euiKeyPadMenuItem__icon"
+        >
+          Icon
+        </span>
+        <span
+          class="euiKeyPadMenuItem__label"
+        >
+          Label
+        </span>
+      </span>
+    </button>
     <span
+      aria-label="Label Beta"
       class="euiBetaBadge euiBetaBadge--iconOnly euiBetaBadge--singleLetter euiBetaBadge--subdued euiBetaBadge--small euiKeyPadMenuItem__betaBadge"
       title="Beta"
     >
@@ -140,209 +192,265 @@ exports[`EuiKeyPadMenuItem props betaBadge renders with betaBadgeIconType 1`] =
         data-euiicon-type="bolt"
       />
     </span>
-    <span
-      class="euiKeyPadMenuItem__icon"
-    >
-      Icon
-    </span>
-    <span
-      class="euiKeyPadMenuItem__label"
-    >
-      Label
-    </span>
   </span>
-</button>
+</span>
 `;
 
 exports[`EuiKeyPadMenuItem props betaBadge renders with betaBadgeTooltipContent 1`] = `
-<button
-  class="euiKeyPadMenuItem euiKeyPadMenuItem--hasBetaBadge"
-  type="button"
+<span
+  class="euiKeyPadMenuItem__outer"
 >
   <span
-    class="euiKeyPadMenuItem__inner"
+    class="euiKeyPadMenuItem__positioned"
   >
+    <button
+      class="euiKeyPadMenuItem euiKeyPadMenuItem--hasBetaBadge"
+      type="button"
+    >
+      <span
+        class="euiKeyPadMenuItem__inner"
+      >
+        <span
+          class="euiKeyPadMenuItem__icon"
+        >
+          Icon
+        </span>
+        <span
+          class="euiKeyPadMenuItem__label"
+        >
+          Label
+        </span>
+      </span>
+    </button>
     <span
       class="euiToolTipAnchor"
     >
       <span
+        aria-label="Label Beta"
         class="euiBetaBadge euiBetaBadge--singleLetter euiBetaBadge--subdued euiBetaBadge--small euiKeyPadMenuItem__betaBadge"
+        role="button"
         tabindex="0"
       >
         B
       </span>
     </span>
-    <span
-      class="euiKeyPadMenuItem__icon"
-    >
-      Icon
-    </span>
-    <span
-      class="euiKeyPadMenuItem__label"
-    >
-      Label
-    </span>
   </span>
-</button>
+</span>
 `;
 
 exports[`EuiKeyPadMenuItem props isDisabled renders with href 1`] = `
-<button
-  class="euiKeyPadMenuItem euiKeyPadMenuItem-isDisabled"
-  disabled=""
-  type="button"
+<span
+  class="euiKeyPadMenuItem__outer"
 >
   <span
-    class="euiKeyPadMenuItem__inner"
+    class="euiKeyPadMenuItem__positioned"
   >
-    <span
-      class="euiKeyPadMenuItem__icon"
-    >
-      Icon
-    </span>
-    <span
-      class="euiKeyPadMenuItem__label"
+    <button
+      class="euiKeyPadMenuItem euiKeyPadMenuItem-isDisabled"
+      disabled=""
+      type="button"
     >
-      Label
-    </span>
+      <span
+        class="euiKeyPadMenuItem__inner"
+      >
+        <span
+          class="euiKeyPadMenuItem__icon"
+        >
+          Icon
+        </span>
+        <span
+          class="euiKeyPadMenuItem__label"
+        >
+          Label
+        </span>
+      </span>
+    </button>
   </span>
-</button>
+</span>
 `;
 
 exports[`EuiKeyPadMenuItem props isDisabled renders with onClick 1`] = `
-<button
-  class="euiKeyPadMenuItem euiKeyPadMenuItem-isDisabled"
-  disabled=""
-  type="button"
+<span
+  class="euiKeyPadMenuItem__outer"
 >
   <span
-    class="euiKeyPadMenuItem__inner"
+    class="euiKeyPadMenuItem__positioned"
   >
-    <span
-      class="euiKeyPadMenuItem__icon"
+    <button
+      class="euiKeyPadMenuItem euiKeyPadMenuItem-isDisabled"
+      disabled=""
+      type="button"
     >
-      Icon
-    </span>
-    <span
-      class="euiKeyPadMenuItem__label"
-    >
-      Label
-    </span>
+      <span
+        class="euiKeyPadMenuItem__inner"
+      >
+        <span
+          class="euiKeyPadMenuItem__icon"
+        >
+          Icon
+        </span>
+        <span
+          class="euiKeyPadMenuItem__label"
+        >
+          Label
+        </span>
+      </span>
+    </button>
   </span>
-</button>
+</span>
 `;
 
 exports[`EuiKeyPadMenuItem props isSelected renders with href 1`] = `
-<a
-  aria-current="true"
-  class="euiKeyPadMenuItem euiKeyPadMenuItem-isSelected"
-  href="#"
-  rel="noreferrer"
+<span
+  class="euiKeyPadMenuItem__outer"
 >
   <span
-    class="euiKeyPadMenuItem__inner"
+    class="euiKeyPadMenuItem__positioned"
   >
-    <span
-      class="euiKeyPadMenuItem__icon"
-    >
-      Icon
-    </span>
-    <span
-      class="euiKeyPadMenuItem__label"
+    <a
+      aria-current="true"
+      class="euiKeyPadMenuItem euiKeyPadMenuItem-isSelected"
+      href="#"
+      rel="noreferrer"
     >
-      Label
-    </span>
+      <span
+        class="euiKeyPadMenuItem__inner"
+      >
+        <span
+          class="euiKeyPadMenuItem__icon"
+        >
+          Icon
+        </span>
+        <span
+          class="euiKeyPadMenuItem__label"
+        >
+          Label
+        </span>
+      </span>
+    </a>
   </span>
-</a>
+</span>
 `;
 
 exports[`EuiKeyPadMenuItem props isSelected renders with onClick 1`] = `
-<button
-  aria-pressed="true"
-  class="euiKeyPadMenuItem euiKeyPadMenuItem-isSelected"
-  type="button"
+<span
+  class="euiKeyPadMenuItem__outer"
 >
   <span
-    class="euiKeyPadMenuItem__inner"
+    class="euiKeyPadMenuItem__positioned"
   >
-    <span
-      class="euiKeyPadMenuItem__icon"
-    >
-      Icon
-    </span>
-    <span
-      class="euiKeyPadMenuItem__label"
+    <button
+      aria-pressed="true"
+      class="euiKeyPadMenuItem euiKeyPadMenuItem-isSelected"
+      type="button"
     >
-      Label
-    </span>
+      <span
+        class="euiKeyPadMenuItem__inner"
+      >
+        <span
+          class="euiKeyPadMenuItem__icon"
+        >
+          Icon
+        </span>
+        <span
+          class="euiKeyPadMenuItem__label"
+        >
+          Label
+        </span>
+      </span>
+    </button>
   </span>
-</button>
+</span>
 `;
 
 exports[`EuiKeyPadMenuItem renders button 1`] = `
-<button
-  class="euiKeyPadMenuItem"
-  type="button"
+<span
+  class="euiKeyPadMenuItem__outer"
 >
   <span
-    class="euiKeyPadMenuItem__inner"
+    class="euiKeyPadMenuItem__positioned"
   >
-    <span
-      class="euiKeyPadMenuItem__icon"
+    <button
+      class="euiKeyPadMenuItem"
+      type="button"
     >
-      Icon
-    </span>
-    <span
-      class="euiKeyPadMenuItem__label"
-    >
-      Label
-    </span>
+      <span
+        class="euiKeyPadMenuItem__inner"
+      >
+        <span
+          class="euiKeyPadMenuItem__icon"
+        >
+          Icon
+        </span>
+        <span
+          class="euiKeyPadMenuItem__label"
+        >
+          Label
+        </span>
+      </span>
+    </button>
   </span>
-</button>
+</span>
 `;
 
 exports[`EuiKeyPadMenuItem renders href 1`] = `
-<a
-  class="euiKeyPadMenuItem"
-  href="#"
-  rel="noreferrer"
+<span
+  class="euiKeyPadMenuItem__outer"
 >
   <span
-    class="euiKeyPadMenuItem__inner"
+    class="euiKeyPadMenuItem__positioned"
   >
-    <span
-      class="euiKeyPadMenuItem__icon"
+    <a
+      class="euiKeyPadMenuItem"
+      href="#"
+      rel="noreferrer"
     >
-      Icon
-    </span>
-    <span
-      class="euiKeyPadMenuItem__label"
-    >
-      Label
-    </span>
+      <span
+        class="euiKeyPadMenuItem__inner"
+      >
+        <span
+          class="euiKeyPadMenuItem__icon"
+        >
+          Icon
+        </span>
+        <span
+          class="euiKeyPadMenuItem__label"
+        >
+          Label
+        </span>
+      </span>
+    </a>
   </span>
-</a>
+</span>
 `;
 
 exports[`EuiKeyPadMenuItem renders href with rel 1`] = `
-<a
-  class="euiKeyPadMenuItem"
-  href="#"
-  rel="noreferrer"
+<span
+  class="euiKeyPadMenuItem__outer"
 >
   <span
-    class="euiKeyPadMenuItem__inner"
+    class="euiKeyPadMenuItem__positioned"
   >
-    <span
-      class="euiKeyPadMenuItem__icon"
+    <a
+      class="euiKeyPadMenuItem"
+      href="#"
+      rel="noreferrer"
     >
-      Icon
-    </span>
-    <span
-      class="euiKeyPadMenuItem__label"
-    >
-      Label
-    </span>
+      <span
+        class="euiKeyPadMenuItem__inner"
+      >
+        <span
+          class="euiKeyPadMenuItem__icon"
+        >
+          Icon
+        </span>
+        <span
+          class="euiKeyPadMenuItem__label"
+        >
+          Label
+        </span>
+      </span>
+    </a>
   </span>
-</a>
+</span>
 `;
diff --git a/src/components/key_pad_menu/_key_pad_menu.scss b/src/components/key_pad_menu/_key_pad_menu.scss
index 6d09af756b8..6a490d0ed25 100644
--- a/src/components/key_pad_menu/_key_pad_menu.scss
+++ b/src/components/key_pad_menu/_key_pad_menu.scss
@@ -19,4 +19,4 @@
     margin-bottom: $euiKeyPadMenuMarginSize;
     margin-right: $euiKeyPadMenuMarginSize;
   }
-}
+}
\ No newline at end of file
diff --git a/src/components/key_pad_menu/_key_pad_menu_item.scss b/src/components/key_pad_menu/_key_pad_menu_item.scss
index 883525e84fb..abf7c604cbb 100644
--- a/src/components/key_pad_menu/_key_pad_menu_item.scss
+++ b/src/components/key_pad_menu/_key_pad_menu_item.scss
@@ -1,3 +1,20 @@
+/**
+ * This class sets the base width of Key Pad Menu Item, and allows it
+ * to grow to fit a wider container
+ */
+.euiKeyPadMenuItem__outer {
+  display: inline-block;
+}
+
+/**
+ * This class will keep the beta button in proximity to button, link or label
+ */
+.euiKeyPadMenuItem__positioned {
+  display: inline-block;
+  max-width: $euiKeyPadMenuSize;
+  position: relative;
+}
+
 /**
  * 1. If this class is applied to a button, we need to override the Chrome default font.
  * 2. If it has a BetaBadge, make sure only the first letter shows
@@ -78,6 +95,15 @@
       @include euiScreenReaderOnly;
     }
   }
+
+  // Position the tooltip container top right when it's a sibling
+  // to the key pad menu item <button>
+  + .euiToolTipAnchor {
+    position: absolute;
+    top: $euiSizeS;
+    right: $euiSizeS;
+    z-index: 3;
+  }
 }
 
 .euiKeyPadMenuItem__inner {
@@ -92,10 +118,6 @@
   .euiKeyPadMenuItem__checkableInput {
     transform: scale(.75);
     transform-origin: top right;
-  }
-
-  .euiKeyPadMenuItem__checkableInput,
-  .euiKeyPadMenuItem__betaBadge {
     position: absolute;
     top: $euiSizeXS;
     right: $euiSizeXS;
@@ -125,4 +147,4 @@
     color: $euiColorPrimaryText;
     border-color: $euiColorPrimaryText;
   }
-}
+}
\ No newline at end of file
diff --git a/src/components/key_pad_menu/key_pad_menu_item.test.tsx b/src/components/key_pad_menu/key_pad_menu_item.test.tsx
index 4cf36ebb623..de904c27f8e 100644
--- a/src/components/key_pad_menu/key_pad_menu_item.test.tsx
+++ b/src/components/key_pad_menu/key_pad_menu_item.test.tsx
@@ -166,7 +166,7 @@ describe('EuiKeyPadMenuItem', () => {
       </EuiKeyPadMenuItem>
     );
 
-    $button.simulate('click');
+    $button.find('button').simulate('click');
 
     expect(onClickHandler).toBeCalledTimes(1);
   });
diff --git a/src/components/key_pad_menu/key_pad_menu_item.tsx b/src/components/key_pad_menu/key_pad_menu_item.tsx
index 62c5bd6b128..33ff1f368b0 100644
--- a/src/components/key_pad_menu/key_pad_menu_item.tsx
+++ b/src/components/key_pad_menu/key_pad_menu_item.tsx
@@ -222,9 +222,11 @@ export const EuiKeyPadMenuItem: FunctionComponent<EuiKeyPadMenuItemProps> = ({
 
   const renderBetaBadge = () => {
     if (!betaBadgeLabel) return;
+    if (checkable) return;
 
     return (
       <EuiBetaBadge
+        aria-label={`${label} ${betaBadgeLabel}`}
         size="s"
         color="subdued"
         className="euiKeyPadMenuItem__betaBadge"
@@ -238,7 +240,7 @@ export const EuiKeyPadMenuItem: FunctionComponent<EuiKeyPadMenuItemProps> = ({
 
   const renderContent = () => (
     <span className="euiKeyPadMenuItem__inner">
-      {checkable ? renderCheckableElement() : renderBetaBadge()}
+      {renderCheckableElement()}
       <span className="euiKeyPadMenuItem__icon">{children}</span>
       <span className="euiKeyPadMenuItem__label">{label}</span>
     </span>
@@ -269,14 +271,19 @@ export const EuiKeyPadMenuItem: FunctionComponent<EuiKeyPadMenuItemProps> = ({
   }
 
   return (
-    <Element
-      className={classes}
-      {...(relObj as ElementType)}
-      {...(rest as ElementType)}
-      // Unable to get past `LegacyRef` conflicts
-      ref={buttonRef as Ref<any>}
-    >
-      {renderContent()}
-    </Element>
+    <span className="euiKeyPadMenuItem__outer">
+      <span className="euiKeyPadMenuItem__positioned">
+        <Element
+          className={classes}
+          {...(relObj as ElementType)}
+          {...(rest as ElementType)}
+          // Unable to get past `LegacyRef` conflicts
+          ref={buttonRef as Ref<any>}
+        >
+          {renderContent()}
+        </Element>
+        {renderBetaBadge()}
+      </span>
+    </span>
   );
 };