From d08e9b0fd739aa30477012992b5faec169b1f7b7 Mon Sep 17 00:00:00 2001
From: Kham Udom <khamu@microsoft.com>
Date: Mon, 26 Oct 2020 15:02:37 -0700
Subject: [PATCH] remove fixed width and height start and end slot in menu-item
 and button

---
 .../fast-components/src/menu-item/menu-item.styles.ts        | 5 ++++-
 .../fast-components/src/styles/patterns/button.ts            | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/web-components/fast-components/src/menu-item/menu-item.styles.ts b/packages/web-components/fast-components/src/menu-item/menu-item.styles.ts
index db0b252186d..393844ed98e 100644
--- a/packages/web-components/fast-components/src/menu-item/menu-item.styles.ts
+++ b/packages/web-components/fast-components/src/menu-item/menu-item.styles.ts
@@ -83,7 +83,10 @@ export const MenuItemStyles = css`
     }
 
     .start,
-    .end,
+    .end {
+        display: flex;
+    }
+
     ::slotted(svg) {
         ${
             /* Glyph size and margin-left is temporary - 
diff --git a/packages/web-components/fast-components/src/styles/patterns/button.ts b/packages/web-components/fast-components/src/styles/patterns/button.ts
index 1c41b9bd836..61d4b3bc7ae 100644
--- a/packages/web-components/fast-components/src/styles/patterns/button.ts
+++ b/packages/web-components/fast-components/src/styles/patterns/button.ts
@@ -90,7 +90,10 @@ export const BaseButtonStyles = css`
     }
 
     .start,
-    .end,
+    .end {
+        display: flex;
+    }
+
     ::slotted(svg) {
         ${
             /* Glyph size and margin-left is temporary -