diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index c82c61e0..009a88b7 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -87,6 +87,11 @@ export class AppComponent implements AfterContentInit {
     });
     this.platform.ready().then(async () => {
       if (Capacitor.isNativePlatform()) {
+        await StatusBar.setBackgroundColor({
+          color: getComputedStyle(document.documentElement)
+            .getPropertyValue('--ion-color-primary')
+            .trim(),
+        });
         await StatusBar.setStyle({style: Style.Dark});
       }
       await this.authNotificationsInit();