diff --git a/.changeset/loud-cycles-check.md b/.changeset/loud-cycles-check.md new file mode 100644 index 00000000000..dedbf545592 --- /dev/null +++ b/.changeset/loud-cycles-check.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Fixed Navigation item secondaryActions alignment in mobile when floating actions are enabled diff --git a/polaris-react/src/components/Navigation/Navigation.scss b/polaris-react/src/components/Navigation/Navigation.scss index ba511e360e4..6f20a15d932 100644 --- a/polaris-react/src/components/Navigation/Navigation.scss +++ b/polaris-react/src/components/Navigation/Navigation.scss @@ -298,6 +298,9 @@ $disabled-fade: 0.6; .ItemWithFloatingActions { // stylelint-disable-next-line -- required for absolute positioning of actions position: relative; + // stylelint-disable-next-line -- position actions to to the right of label + display: flex; + flex-wrap: nowrap; .SecondaryActions { margin-right: 0;