ntp: fix layout of RMF widget on older macOS

[shakyShane]

Asana Task/Github Issue: https://app.asana.com/0/1201141132935289/1209495940971615

Description

• on older macos versions, the behaviour of flexbox was causing the layout issue in the screenshots.

Testing Steps

• Compare production https://content-scope-scripts.netlify.app/build/pages/new-tab/?rmf=big_single_action
• to this PR: https://deploy-preview-1548--content-scope-scripts.netlify.app/build/pages/new-tab/?rmf=big_single_action
• in modern macOS/windows - you should see no difference, but in Ventura or BigSur, you'll see the following: (I used BrowserStack to verify)

Production:

This PR:

Checklist

Please tick all that apply:

• I have tested this change locally
• I have tested this change locally in all supported browsers
• This change will be visible to users
• I have added automated tests that cover this change
• I have ensured the change is gated by config
• This change was covered by a ship review
• This change was covered by a tech design
• Any dependent config has been merged

[shakyShane]

• ntp: fix layout of RMF widget on older macOS #1548 👈 (View in Graphite)
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[netlify]

✅ Deploy Preview for content-scope-scripts ready!

Name	Link
🔨 Latest commit	3d5f52f
🔍 Latest deploy log	https://app.netlify.com/sites/content-scope-scripts/deploys/67c9674f90a50c000859f510
😎 Deploy Preview	https://deploy-preview-1548--content-scope-scripts.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Temporary Branch Update

The temporary branch has been updated with the latest changes. Below are the details:

• Branch Name: pr-releases/pr-1548
• Commit Hash: a99530ec47c4e5acc8b61f719d493a66a6a0f00a
• Install Command: npm i github:duckduckgo/content-scope-scripts#a99530ec47c4e5acc8b61f719d493a66a6a0f00a

Please use the above install command to update to the latest version.

[github-actions]

[Beta] Generated file diff

Time updated: Thu, 06 Mar 2025 09:15:54 GMT

Integration

    - integration/pages/new-tab/dist/index.css

• integration/pages/new-tab/dist/index.js

File has changed

Windows

    - windows/pages/new-tab/dist/index.css

File has changed

Apple

    - dist/pages/new-tab/dist/index.css

File has changed

[shakyShane]

Before, the content was allowed to grow, but I flipped the model and allowed it to shrink instead, and now it works everywhere :)

[dbajpeyi]

Question (non-blocking): Could be nice to move the hardcoded base URL somewhere common?

[dbajpeyi]

One curiousity question, but LGTM!