Adjusted style of beta badge on EuiKeyPadMenuItem

CHANGELOG.md

@@ -6,6 +6,7 @@
 - Added `ip` icon to glyph set ([#2371](https://github.com/elastic/eui/pull/2371))
 - Set `textOnly={true}` for expanded rows in `EuiBasicTable` ([#2376](https://github.com/elastic/eui/pull/2376))
 - Added `visAreaStacked`, `visBarVerticalStacked`, and `visBarHorizontalStacked` icons to glyph set ([#2379](https://github.com/elastic/eui/pull/2379))
+- 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);