diff --git a/.github/badges/branches.svg b/.github/badges/branches.svg
index c5694ffc..22e8e2eb 100644
--- a/.github/badges/branches.svg
+++ b/.github/badges/branches.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="106" height="20" role="img" aria-label="branches: 33.4%"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="106" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="61" height="20" fill="#555"/><rect x="61" width="45" height="20" fill="#e05d44"/><rect width="106" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="315" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="507">branches</text><text x="315" y="140" transform="scale(.1)" fill="#fff" textLength="507">branches</text><text aria-hidden="true" x="825" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="350">33.4%</text><text x="825" y="140" transform="scale(.1)" fill="#fff" textLength="350">33.4%</text></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="106" height="20" role="img" aria-label="branches: 33.4%"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="106" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="61" height="20" fill="#555"/><rect x="61" width="45" height="20" fill="#e05d44"/><rect width="106" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="315" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="507">branches</text><text x="315" y="140" transform="scale(.1)" fill="#fff" textLength="507">branches</text><text aria-hidden="true" x="825" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="350">33.4%</text><text x="825" y="140" transform="scale(.1)" fill="#fff" textLength="350">33.4%</text></g></svg>
\ No newline at end of file
diff --git a/superwall/src/main/java/com/superwall/sdk/paywall/view/SuperwallPaywallActivity.kt b/superwall/src/main/java/com/superwall/sdk/paywall/view/SuperwallPaywallActivity.kt
index 7066e022..8e858ae0 100644
--- a/superwall/src/main/java/com/superwall/sdk/paywall/view/SuperwallPaywallActivity.kt
+++ b/superwall/src/main/java/com/superwall/sdk/paywall/view/SuperwallPaywallActivity.kt
@@ -18,10 +18,13 @@ import android.graphics.drawable.ColorDrawable
 import android.graphics.drawable.GradientDrawable
 import android.os.Build
 import android.os.Bundle
+import android.graphics.Outline
 import android.view.View
 import android.view.ViewGroup
+import android.view.ViewOutlineProvider
 import android.view.Window
 import android.view.animation.OvershootInterpolator
+import androidx.constraintlayout.widget.ConstraintLayout
 import android.widget.FrameLayout
 import androidx.activity.OnBackPressedCallback
 import androidx.activity.SystemBarStyle
@@ -123,8 +126,8 @@ class SuperwallPaywallActivity : AppCompatActivity() {
                         ShimmerView(this@prepareViewForDisplay.context).apply {
                             layoutParams =
                                 FrameLayout.LayoutParams(
-                                    ((style.width * Resources.getSystem().displayMetrics.widthPixels) / 100).toInt(),
-                                    ((style.height * Resources.getSystem().displayMetrics.heightPixels) / 100).toInt(),
+                                    FrameLayout.LayoutParams.MATCH_PARENT,
+                                    FrameLayout.LayoutParams.MATCH_PARENT,
                                 )
                         }
                     } else {
@@ -509,15 +512,40 @@ class SuperwallPaywallActivity : AppCompatActivity() {
         val container =
             activityView.findViewById<FrameLayout>(com.superwall.sdk.R.id.container)
 
+        // Size the container as a percentage of the actual window bounds via ConstraintLayout
+        // constraints rather than display metrics, so it is correct on API 30-32 where
+        // setTranslucent(true) can exclude the nav bar from the window height.
+        val containerParams = container.layoutParams as ConstraintLayout.LayoutParams
+        containerParams.width = 0 // MATCH_CONSTRAINT
+        containerParams.height = 0 // MATCH_CONSTRAINT
+        containerParams.matchConstraintDefaultWidth = ConstraintLayout.LayoutParams.MATCH_CONSTRAINT_PERCENT
+        containerParams.matchConstraintDefaultHeight = ConstraintLayout.LayoutParams.MATCH_CONSTRAINT_PERCENT
+        containerParams.matchConstraintPercentWidth = (width.toFloat() / 100f).coerceIn(0.01f, 1f)
+        containerParams.matchConstraintPercentHeight = (height.toFloat() / 100f).coerceIn(0.01f, 1f)
+        container.layoutParams = containerParams
+
         paywallView.layoutParams =
             FrameLayout.LayoutParams(
-                ((width * Resources.getSystem().displayMetrics.widthPixels) / 100).toInt(),
-                ((height * Resources.getSystem().displayMetrics.heightPixels) / 100).toInt(),
+                FrameLayout.LayoutParams.MATCH_PARENT,
+                FrameLayout.LayoutParams.MATCH_PARENT,
             )
+
         val radius =
             cornerRadius.toFloat() * Resources.getSystem().displayMetrics.density // Convert dp to px
 
-        container.background = roundedBackground(radius)
+        // Use a custom ViewOutlineProvider so clipToOutline works reliably on API 30-32.
+        // GradientDrawable.getOutline() with no fill color produces an empty outline on older
+        // Android, which causes clipToOutline to have no effect (square corners).
+        container.clipToOutline = true
+        container.outlineProvider =
+            object : ViewOutlineProvider() {
+                override fun getOutline(
+                    view: View,
+                    outline: Outline,
+                ) {
+                    outline.setRoundRect(0, 0, view.width, view.height, radius)
+                }
+            }
 
         container.setOnClickListener { /* consume click */ }
         container.addView(paywallView)