Skip to main content
Question

Android Paywall Rendering Issue: Inconsistent Badge Text Size and Selected Font Color

  • August 14, 2026
  • 1 reply
  • 22 views
R
Forum|alt.badge.img

We're seeing inconsistent styling behavior with a RevenueCat Paywall on Android, specifically on a Samsung Galaxy S22.

The same paywall renders correctly when viewed through the RevenueCat Paywall Preview app, but when rendered within our own Android app build on the same device, there are styling differences.

Specifically:

  • The Annual package font color when selected is incorrect in our app build.
  • The badge text size is also rendering at a different size than configured.
  • Both styles render correctly in the RevenueCat Paywall Preview app.
  • The issue is reproducible on a Samsung Galaxy S22.

I've attached a video that toggles between the RevenueCat Paywall Preview app and our app on the same device to demonstrate the differences. You can see that the RevenueCat app renders the intended styling, while our implementation renders the selected Annual package text color and badge text sizing differently.

Since the paywall configuration itself appears correctly in the RevenueCat app, we're trying to determine whether there could be an Android SDK rendering issue, device-specific behavior, or something in our app environment that is affecting how these styles are being applied.

Please let me know if there is any additional information from our implementation, SDK version, device, or build configuration that would be helpful for reproducing the issue.

1 reply

matt-heaney
RevenueCat Staff
Forum|alt.badge.img+6
  • matt-heaney
  • RevenueCat Staff
  • August 17, 2026

Hey ​@ryangilbertbraun!

Matt from RevenueCat here!

Thank you for the detailed write-up and the side-by-side video. That’s really helpful!

There can sometimes be differences between how a paywall looks in the Paywall Editor and how it renders on a real device, due to things like the SDK version, fonts, or whether you’re viewing a draft or published paywall.

However, I don’t believe that’s the main issue here. As the same paywall is already rendering correctly on the Galaxy S22 within the RevenueCat Paywall Preview app, this tells us that both the device and the paywall configuration are capable of displaying the intended styles correctly.

As the Preview app looks correct, but your own app differs for things like the selected package text color and badge text size, I believe the next step is to look at how the paywall is being presented within your app.

On Android, RevenueCatUI paywalls, including those presented through React Native, ultimately render through the native Android UI stack. If your app is wrapping the paywall within a custom theme or typography setup, or applying different fonts or font scaling, this could potentially affect how the paywall text is rendered. The Preview app presents the paywall in a more isolated environment, which could explain why it matches the editor.

There are a few things I’d like to check here:

  1. How the paywall is being presented: Are you embedding RevenueCatUI.Paywall within your own navigation/theme setup, or presenting it through another method?

  2. Your app theme: Are you applying any custom Material/React Native typography, global font families, font scaling, or other text styling?

  3. Custom fonts: As the paywall uses a custom font, please confirm if that the font is correctly bundled and available within the Android build (if not, the paywall can download this as needed)

  4. Published vs draft: Please confirm that the published paywall attached to the Offering is the same version you’re viewing within Preview, as Preview can also display draft changes.

One useful test here would be to try the same paywall on the same Galaxy S22 using one of our sample apps with your RevenueCat API key. You can find an Android sample app ready to go within the RevenueCat dashboard by heading to Apps, selecting your Android app, and finding Test your setup with the sample app.

If the sample app matches the Preview app, that would help us confirm that the difference is coming from something within your app's presentation or theme, rather than the device or paywall itself.

You could also try presenting the paywall in the most isolated way possible within your app, outside of any custom typography or theme providers. If that causes it to match the Preview app, we’ll have narrowed down where the difference is coming from.

If you can send over how you’re currently presenting the paywall, and any theme information, I’d be delighted to dig into this further with you!

Thanks,

Matt, Developer Support Engineer @ RevenueCat
Terms & ConditionsAccessibility statement