From 8c667791fa5a1da1a918614d2e3e913f7fbf563f Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Mon, 8 Aug 2022 11:08:13 -0400
Subject: [PATCH] fix menu item alignment

---
 docs/resources/changelog.md                  | 1 +
 src/components/menu-item/menu-item.styles.ts | 1 +
 2 files changed, 2 insertions(+)

diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md
index 31c14ff0e..10957dd2f 100644
--- a/docs/resources/changelog.md
+++ b/docs/resources/changelog.md
@@ -23,6 +23,7 @@ To upgrade to this version, you will need to rework your radio controls by movin
   - Removed the `sl-change` event from `<sl-radio>` and `<sl-radio-button>` (listen for it on the radio group instead)
   - Removed the `invalid` attribute from `<sl-radio>` and `<sl-radio-button>`
   - Removed `setCustomValidity()` and `reportValidity()` from `<sl-radio>` and `<sl-radio-button>` (now available on the radio group)
+- Fixed a bug where menu items weren't always aligned correctly
 - Revert disabled focus behavior in `<sl-tag-group>`, `<sl-menu>`, and `<sl-tree>` to be consistent with native form controls and menus [#845](https://github.com/shoelace-style/shoelace/issues/845)
 
 ## 2.0.0-beta.79
diff --git a/src/components/menu-item/menu-item.styles.ts b/src/components/menu-item/menu-item.styles.ts
index 121ddbb84..456b358d7 100644
--- a/src/components/menu-item/menu-item.styles.ts
+++ b/src/components/menu-item/menu-item.styles.ts
@@ -68,6 +68,7 @@ export default css`
 
   .menu-item .menu-item__check,
   .menu-item .menu-item__chevron {
+    flex: 0 0 auto;
     display: flex;
     align-items: center;
     justify-content: center;