diff --git a/src/screens/home/ChargingStationQrCode.tsx b/src/screens/home/ChargingStationQrCode.tsx
index c9b101115..9cf3dd5f5 100644
--- a/src/screens/home/ChargingStationQrCode.tsx
+++ b/src/screens/home/ChargingStationQrCode.tsx
@@ -192,7 +192,7 @@ export default class ChargingStationQrCode extends BaseScreen<State, Props> {
     const { activateQrCode } = this.state;
     const commonColor = Utils.getCurrentCommonColor();
     return (
-      <View>
+      <View style={{backgroundColor: commonColor.containerBgColor}}>
         <HeaderComponent
           navigation={this.props.navigation}
           title={I18n.t('qrCode.scanChargingStationQrCodeTitle')}
diff --git a/src/screens/tenants/TenantQrCode.tsx b/src/screens/tenants/TenantQrCode.tsx
index f884a9926..36dd19692 100644
--- a/src/screens/tenants/TenantQrCode.tsx
+++ b/src/screens/tenants/TenantQrCode.tsx
@@ -96,7 +96,7 @@ export default class TenantQrCode extends BaseScreen<State, Props> {
   public render() {
     const commonColor = Utils.getCurrentCommonColor();
     return (
-      <View>
+      <View style={{backgroundColor: commonColor.containerBgColor}}>
         <HeaderComponent
           navigation={this.props.navigation}
           title={I18n.t('qrCode.scanTenantQrCodeTitle')}