Adjusted style of beta badge on EuiKeyPadMenuItem

CHANGELOG.md

@@ -4,6 +4,7 @@
 - Added a `showMaxPopover` option for `EuiBreadcrumbs` to display all items when a `max` is set. ([#2342](https://github.com/elastic/eui/pull/2342))
 - Added `data-test-subj` support for basic and in-memory tables' actions ([#2353](https://github.com/elastic/eui/pull/2353))
 - Added `ip` icon to glyph set ([#2371](https://github.com/elastic/eui/pull/2371))
+- Adjusted style of beta badge on `EuiKeyPadMenuItem` ([#2375](https://github.com/elastic/eui/pull/2375))
 
 **Bug fixes**
 

src-docs/src/views/key_pad_menu/key_pad_beta.js

@@ -23,9 +23,9 @@ export default () => (
     <EuiKeyPadMenuItem
       label="Dashboard"
       href="#"
-      betaBadgeLabel="Lab"
-      betaBadgeTooltipContent="This module is not GA. Please help us by reporting any bugs."
-      betaBadgeIconType="bolt">
+      betaBadgeLabel="External"
+      betaBadgeTooltipContent="This module is an external app."
+      betaBadgeIconType="popout">
       <EuiIcon type="dashboardApp" size="l" />
     </EuiKeyPadMenuItem>
   </EuiKeyPadMenu>

src/components/key_pad_menu/_key_pad_menu.scss

@@ -88,6 +88,12 @@
   }
 }
 
+.euiKeyPadMenuItem__betaBadge {
+  color: $euiTextColor;
+  background-color: tintOrShade($euiColorLightShade, 50%, 0%);
+  box-shadow: none;
+}
+
 .euiKeyPadMenuItem__icon {
   transition: transform $euiAnimSpeedNormal $euiAnimSlightBounce;
   transform: translateY(2px);