Tinted widgets have an inset background in the widget gallery only

When the home screen is in tinted mode in iOS 18, the widget gallery seems to display widgets with the background inset from the edge of the widget (i.e. negative padding).

You can see this behavior in the Apple News widget too, where the full-bleed content outside of the inset is very light. This only happens in the sample gallery, not when the widgets are placed on the home screen.

For my widgets, this outer edge contains important content and the clipping behavior makes the widgets look poorly designed when viewed in the gallery.

Is there any way to turn this behavior off and just show the widget normally in the gallery with no weird inset — the way it will actually display when added to the home screen?

If it matters, my widgets are currently configured with:

.contentMarginsDisabled()
.containerBackground(for: .widget) {
    // ... (background color) */
}

The best thing in the immediate term would be to change your background color or asset design. You are also welcome to file a bug report against the behavior and / or an enhancement request to turn it off in the gallery.

I was able to work around this by adding 5 pts of padding to the widget body, only when the .widgetRenderingMode is tinted and the timeline provider widget context .isPreview.

This still seems to me like either a bug or a very strange design decision by Apple to show the widget differently in the gallery than it will appear on the home screen.

Tinted widgets have an inset background in the widget gallery only
 
 
Q