diff --git a/src/renderer/features/home/routes/home-route.tsx b/src/renderer/features/home/routes/home-route.tsx
index 112b2edb6..1bc181e49 100644
--- a/src/renderer/features/home/routes/home-route.tsx
+++ b/src/renderer/features/home/routes/home-route.tsx
@@ -105,6 +105,7 @@ const HomeRoute = () => {
         <AnimatedPage>
             <NativeScrollArea
                 pageHeaderProps={{
+                    backgroundColor: 'var(--theme-colors-background)',
                     children: (
                         <LibraryHeaderBar>
                             <LibraryHeaderBar.Title>