diff --git a/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/AdBannerContextMenu/AdBannerContextMenu.scss b/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/AdBannerContextMenu/AdBannerContextMenu.scss index 10ec3e3a5b16..0585d0d3cccc 100644 --- a/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/AdBannerContextMenu/AdBannerContextMenu.scss +++ b/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/AdBannerContextMenu/AdBannerContextMenu.scss @@ -8,11 +8,11 @@ position: relative; .context-menu { - width: auto; - /* Position the menu just under and to the right of the context menu button */ + inset-inline-end: 100%; + inset-inline-start: auto; + margin-inline-end: calc(-0.98 * var(--size-item-large)); top: calc(2.25 * var(--size-item-small)); - inset-inline-start: calc(-12.25 * var(--size-item-small)); } > moz-button { diff --git a/browser/extensions/newtab/css/activity-stream.css b/browser/extensions/newtab/css/activity-stream.css index 75f57ca26bd0..f9df067ea143 100644 --- a/browser/extensions/newtab/css/activity-stream.css +++ b/browser/extensions/newtab/css/activity-stream.css @@ -8108,10 +8108,11 @@ main section { position: relative; } .ads-context-menu .context-menu { - width: auto; /* Position the menu just under and to the right of the context menu button */ + inset-inline-end: 100%; + inset-inline-start: auto; + margin-inline-end: calc(-0.98 * var(--size-item-large)); top: calc(2.25 * var(--size-item-small)); - inset-inline-start: calc(-12.25 * var(--size-item-small)); } .ads-context-menu > moz-button { padding-block-end: var(--space-small);