diff --git a/src/App.tsx b/src/App.tsx
index 1fdde255..9c43580b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -145,7 +145,7 @@ function AppShell() {
   const setEntityRatingSupport = useAuthStore(s => s.setEntityRatingSupport);
   const offlineAlbums = useOfflineStore(s => s.albums);
   const hasOfflineContent = Object.values(offlineAlbums).some(a => a.serverId === serverId);
-  const { floatingPlayerBar } = useThemeStore();
+  const floatingPlayerBar = useThemeStore(s => s.floatingPlayerBar);
 
   // Mini player → main: route requests dispatched as `psy:navigate`
   // CustomEvents from the bridge land here so React Router can take over.
diff --git a/src/components/PlayerBar.tsx b/src/components/PlayerBar.tsx
index 821003b8..fb2df1f8 100644
--- a/src/components/PlayerBar.tsx
+++ b/src/components/PlayerBar.tsx
@@ -101,7 +101,7 @@ export default function PlayerBar() {
     setUserRatingOverride: s.setUserRatingOverride,
   })));
   const { lastfmSessionKey } = useAuthStore();
-  const { floatingPlayerBar } = useThemeStore();
+  const floatingPlayerBar = useThemeStore(s => s.floatingPlayerBar);
   const [floatingStyle, setFloatingStyle] = useState<React.CSSProperties>({});
 
   useEffect(() => {