diff --git a/mobile/lib/modules/home/ui/immich_sliver_appbar.dart b/mobile/lib/modules/home/ui/immich_sliver_appbar.dart
index b26c7c2c18..c09228c7e4 100644
--- a/mobile/lib/modules/home/ui/immich_sliver_appbar.dart
+++ b/mobile/lib/modules/home/ui/immich_sliver_appbar.dart
@@ -100,7 +100,7 @@ class ImmichSliverAppBar extends ConsumerWidget {
             ],
           ),
         ],
-        systemOverlayStyle: SystemUiOverlayStyle.dark,
+        systemOverlayStyle: SystemUiOverlayStyle.light,
       ),
     );
   }
diff --git a/mobile/lib/modules/home/views/home_page.dart b/mobile/lib/modules/home/views/home_page.dart
index 40d5f3211a..eea2d2ef87 100644
--- a/mobile/lib/modules/home/views/home_page.dart
+++ b/mobile/lib/modules/home/views/home_page.dart
@@ -104,30 +104,32 @@ class HomePage extends HookConsumerWidget {
         }
       }
 
-      return DraggableScrollbar.semicircle(
-        // labelTextBuilder: (offset) {
-        //   final int currentItem = _scrollController.hasClients
-        //       ? (_scrollController.offset / _scrollController.position.maxScrollExtent * imageGridGroup.length)
-        //           .floor()
-        //       : 0;
+      return SafeArea(
+        child: DraggableScrollbar.semicircle(
+          // labelTextBuilder: (offset) {
+          //   final int currentItem = _scrollController.hasClients
+          //       ? (_scrollController.offset / _scrollController.position.maxScrollExtent * imageGridGroup.length)
+          //           .floor()
+          //       : 0;
 
-        //   if (imageGridGroup[currentItem] is MonthlyTitleText) {
-        //     MonthlyTitleText item = imageGridGroup[currentItem] as MonthlyTitleText;
+          //   if (imageGridGroup[currentItem] is MonthlyTitleText) {
+          //     MonthlyTitleText item = imageGridGroup[currentItem] as MonthlyTitleText;
 
-        //     scrollLabelText.value = item.monthTitleText;
-        //   }
+          //     scrollLabelText.value = item.monthTitleText;
+          //   }
 
-        //   return Text(scrollLabelText.value);
-        // },
-        // labelConstraints: const BoxConstraints.tightFor(width: 200.0, height: 30.0),
-        controller: _scrollController,
-        heightScrollThumb: 40.0,
-        child: CustomScrollView(
+          //   return Text(scrollLabelText.value);
+          // },
+          // labelConstraints: const BoxConstraints.tightFor(width: 200.0, height: 30.0),
           controller: _scrollController,
-          slivers: [
-            ImmichSliverAppBar(imageGridGroup: imageGridGroup),
-            ...imageGridGroup,
-          ],
+          heightScrollThumb: 40.0,
+          child: CustomScrollView(
+            controller: _scrollController,
+            slivers: [
+              ImmichSliverAppBar(imageGridGroup: imageGridGroup),
+              ...imageGridGroup,
+            ],
+          ),
         ),
       );
     }