diff --git a/native/qr-code/qr-code-sign-in-navigator.react.js b/native/qr-code/qr-code-sign-in-navigator.react.js
--- a/native/qr-code/qr-code-sign-in-navigator.react.js
+++ b/native/qr-code/qr-code-sign-in-navigator.react.js
@@ -67,7 +67,7 @@
 const unboundStyles = {
   safeArea: {
     flex: 1,
-    backgroundColor: 'modalBackground',
+    backgroundColor: 'panelBackground',
   },
   headerLeftStyle: {
     paddingLeft: 12,