diff --git a/ui/src/layout/AppBar.jsx b/ui/src/layout/AppBar.jsx
index 510af7eaa..eaebad94e 100644
--- a/ui/src/layout/AppBar.jsx
+++ b/ui/src/layout/AppBar.jsx
@@ -118,13 +118,13 @@ const CustomUserMenu = ({ onClick, ...rest }) => {
     )
   }
 
+  const canViewNowPlaying =
+    config.enableNowPlaying &&
+    (!config.nowPlayingAdminOnly || permissions === 'admin')
+
   return (
     <>
-      {config.devActivityPanel &&
-        config.enableNowPlaying &&
-        (!config.nowPlayingAdminOnly || permissions === 'admin') && (
-          <NowPlayingPanel />
-        )}
+      {config.devActivityPanel && canViewNowPlaying && <NowPlayingPanel />}
       {config.devActivityPanel && permissions === 'admin' && <ActivityPanel />}
       <UserMenu {...rest}>
         <PersonalMenu sidebarIsOpen={true} onClick={onClick} />