You may have noticed that PWAs installed from the Samsung Internet browser on Android have a different splash screen than those installed from Chrome. Around the icon, you'll see padding that makes the icon look like it's stuck in a white box.

The issue appears to occur in every PWA that has maskable icons regardless of size or format. If your app manifest contains a maskable icon, the splash screen generated by Samsung phones will use it, except the icon won't entirely fill the box, leaving that weird padding.

This is a Samsung Internet bug so there's no definitive solution. Still, there are a few workarounds available:

Not having any maskable icons in your manifest will remove the white padding around the icon. Unfortunately, with this option, app icons will look arguably worse when installed from Chrome. See below.

Another solution is to keep the background-color and theme-color members of your PWA manifest white. So even if the problem is still there, the white padding won't be visible when the background of the whole splash screen is also white.

If you have any questions or comments, feel free to reach out at progressier.com.