diff --git a/mobile/App.js b/mobile/App.js
index d62dc7c..75f5745 100644
--- a/mobile/App.js
+++ b/mobile/App.js
@@ -1,6 +1,6 @@
 import React, { useEffect, useState, Component } from 'react';
 import { View, StatusBar, Text, ScrollView } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
+import { NavigationContainer, DarkTheme } from '@react-navigation/native';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { createStackNavigator } from '@react-navigation/stack';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
@@ -128,8 +128,9 @@ export default function App() {
         <SafeAreaProvider>
           <StatusBar barStyle="light-content" backgroundColor="#121212" />
           <NavigationContainer theme={{
-            dark: true,
+            ...DarkTheme,
             colors: {
+              ...DarkTheme.colors,
               primary:      '#1db954',
               background:   '#121212',
               card:         '#1e1e1e',