diff --git a/menu/demo/stories.ts b/menu/demo/stories.ts index b16191e421..739f213dfe 100644 --- a/menu/demo/stories.ts +++ b/menu/demo/stories.ts @@ -68,6 +68,8 @@ const sharedStyle = css` border: 1px solid var(--md-sys-color-on-background); color: var(--md-sys-color-on-background); width: 100px; + padding: 16px; + text-align: center; } .md-stories-bg-override { display: flex; diff --git a/menu/internal/_menu.scss b/menu/internal/_menu.scss index f15a0d64aa..bf999de847 100644 --- a/menu/internal/_menu.scss +++ b/menu/internal/_menu.scss @@ -51,7 +51,7 @@ ) ); - min-width: 300px; + min-width: 112px; } md-focus-ring { @@ -72,6 +72,7 @@ max-height: inherit; height: inherit; min-width: inherit; + max-width: inherit; } .fixed { @@ -84,6 +85,7 @@ display: block; overflow: auto; min-width: inherit; + max-width: inherit; border-radius: inherit; }