diff --git a/app/lib/pages/default_page.dart b/app/lib/pages/default_page.dart
index b7e6661137099d13a4d646626880474acb308b6c..db99df6a106436c86674f19ff540afae167b7bb1 100644
--- a/app/lib/pages/default_page.dart
+++ b/app/lib/pages/default_page.dart
@@ -78,11 +78,18 @@ class _DefaultPageState extends State<DefaultPage> {
           builder: (BuildContext context, AsyncSnapshot<List<dynamic>> snapshot) {
             // Display loading screen until data is fetched
             if (snapshot.connectionState == ConnectionState.waiting) {
-              return const Center(child: Icon(
-                  Icons.severe_cold,
-                  color: Colors.blue,
-                  size: 100,
-              ));
+              return Container(
+                decoration: const BoxDecoration( // Background color for loading screen
+                  color: darkestBlue,
+                ),
+                child: const Center(
+                  child: Icon(
+                    Icons.severe_cold, // Loading screen icon
+                    color: lightBlue,
+                    size: 100,
+                  ),
+                ),
+              );
             } else if (snapshot.hasError) {
               return Center(child: Text('Error: ${snapshot.error}'));
             } else {