From d604074d82434ea65ad05e61f5db598526c873c3 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Wed, 3 Dec 2025 17:48:46 -0800
Subject: [PATCH] remove maxWidth from now playing route

---
 .../components/now-playing-header.tsx         |  2 +-
 .../now-playing/routes/now-playing-route.tsx  | 19 ++++++++-----------
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/renderer/features/now-playing/components/now-playing-header.tsx b/src/renderer/features/now-playing/components/now-playing-header.tsx
index 77727bffb..28e3f0d2f 100644
--- a/src/renderer/features/now-playing/components/now-playing-header.tsx
+++ b/src/renderer/features/now-playing/components/now-playing-header.tsx
@@ -7,7 +7,7 @@ export const NowPlayingHeader = () => {
 
     return (
         <PageHeader>
-            <LibraryHeaderBar>
+            <LibraryHeaderBar ignoreMaxWidth>
                 <LibraryHeaderBar.Title>Queue</LibraryHeaderBar.Title>
             </LibraryHeaderBar>
         </PageHeader>
diff --git a/src/renderer/features/now-playing/routes/now-playing-route.tsx b/src/renderer/features/now-playing/routes/now-playing-route.tsx
index 8c5d80ee3..e52738a2f 100644
--- a/src/renderer/features/now-playing/routes/now-playing-route.tsx
+++ b/src/renderer/features/now-playing/routes/now-playing-route.tsx
@@ -5,7 +5,6 @@ import { NowPlayingHeader } from '/@/renderer/features/now-playing/components/no
 import { PlayQueue } from '/@/renderer/features/now-playing/components/play-queue';
 import { PlayQueueListControls } from '/@/renderer/features/now-playing/components/play-queue-list-controls';
 import { AnimatedPage } from '/@/renderer/features/shared/components/animated-page';
-import { LibraryContainer } from '/@/renderer/features/shared/components/library-container';
 import { PageErrorBoundary } from '/@/renderer/features/shared/components/page-error-boundary';
 import { useAppStoreActions } from '/@/renderer/store';
 import { ItemListKey } from '/@/shared/types/types';
@@ -27,16 +26,14 @@ const NowPlayingRoute = () => {
 
     return (
         <AnimatedPage>
-            <LibraryContainer>
-                <NowPlayingHeader />
-                <PlayQueueListControls
-                    handleSearch={setSearch}
-                    searchTerm={search}
-                    tableRef={queueRef}
-                    type={ItemListKey.QUEUE_SONG}
-                />
-                <PlayQueue listKey={ItemListKey.QUEUE_SONG} searchTerm={search} />
-            </LibraryContainer>
+            <NowPlayingHeader />
+            <PlayQueueListControls
+                handleSearch={setSearch}
+                searchTerm={search}
+                tableRef={queueRef}
+                type={ItemListKey.QUEUE_SONG}
+            />
+            <PlayQueue listKey={ItemListKey.QUEUE_SONG} searchTerm={search} />
         </AnimatedPage>
     );
 };