diff --git a/src/renderer/features/action-required/routes/action-required-route.tsx b/src/renderer/features/action-required/routes/action-required-route.tsx
index 3c42c6df..7a50e4e1 100644
--- a/src/renderer/features/action-required/routes/action-required-route.tsx
+++ b/src/renderer/features/action-required/routes/action-required-route.tsx
@@ -3,7 +3,7 @@ import { Center, Group, Stack } from '@mantine/core';
 import isElectron from 'is-electron';
 import { RiCheckFill } from 'react-icons/ri';
 import { Link } from 'react-router-dom';
-import { Button, Text } from '/@/renderer/components';
+import { Button, PageHeader, Text } from '/@/renderer/components';
 import { ActionRequiredContainer } from '/@/renderer/features/action-required/components/action-required-container';
 import { MpvRequired } from '/@/renderer/features/action-required/components/mpv-required';
 import { ServerCredentialRequired } from '/@/renderer/features/action-required/components/server-credential-required';
@@ -18,7 +18,6 @@ const ActionRequiredRoute = () => {
   const currentServer = useCurrentServer();
   const [isMpvRequired, setIsMpvRequired] = useState(false);
   const isServerRequired = !currentServer;
-  // const isCredentialRequired = currentServer?.noCredential && !serverToken;
   const isCredentialRequired = false;
 
   useEffect(() => {
@@ -54,6 +53,7 @@ const ActionRequiredRoute = () => {
 
   return (
     <AnimatedPage>
+      <PageHeader />
       <Center sx={{ height: '100%', width: '100vw' }}>
         <Stack
           spacing="xl"
diff --git a/src/renderer/layouts/default-layout.tsx b/src/renderer/layouts/default-layout.tsx
index f8344b2c..37f42f14 100644
--- a/src/renderer/layouts/default-layout.tsx
+++ b/src/renderer/layouts/default-layout.tsx
@@ -40,9 +40,10 @@ const MainContainer = styled.main<{
   leftSidebarWidth: string;
   rightExpanded?: boolean;
   rightSidebarWidth?: string;
+  shell?: boolean;
 }>`
   position: relative;
-  display: grid;
+  display: ${(props) => (props.shell ? 'flex' : 'grid')};
   grid-area: main;
   grid-template-areas: 'sidebar . right-sidebar';
   grid-template-rows: 1fr;
@@ -256,6 +257,7 @@ export const DefaultLayout = ({ shell }: DefaultLayoutProps) => {
           leftSidebarWidth={sidebar.leftWidth}
           rightExpanded={showSideQueue && sideQueueType === 'sideQueue'}
           rightSidebarWidth={sidebar.rightWidth}
+          shell={shell}
         >
           {!shell && (
             <>