diff --git a/src/layouts/dashbord/index.tsx b/src/layouts/dashbord/index.tsx
index 7e06de5..88a37dd 100644
--- a/src/layouts/dashbord/index.tsx
+++ b/src/layouts/dashbord/index.tsx
@@ -14,6 +14,7 @@ import useAuth from "hooks/useAuth";
 import useNavigateCustom from "hooks/useNavigateCustom";
 import { getPath } from "routes/path";
 import { PageID } from "pages";
+import useBackDrop from "hooks/useBackDrop";
 
 function Copyright() {
   return (
@@ -29,6 +30,8 @@ function App() {
 
   const { navigateWhenChanged } = useNavigateCustom();
 
+  const { setShowBackDrop } = useBackDrop();
+
   const [mobileOpen, setMobileOpen] = useState(false);
 
   const { drawerWidth, innerWidth, contentsWidth } = useDashboard();
@@ -37,16 +40,17 @@ function App() {
     setMobileOpen(!mobileOpen);
   };
 
-  console.log("へい");
+  useEffect(() => {
+    setShowBackDrop(!initialized);
+    if (initialized && !authenticated) {
+      navigateWhenChanged(getPath(PageID.PAGE_403));
+    }
+  }, [initialized, authenticated]);
 
   if (!initialized) {
     return null;
   }
 
-  if (!authenticated) {
-    navigateWhenChanged(getPath(PageID.PAGE_403));
-  }
-
   return (
     <Box sx={{ display: "flex", minHeight: "100vh" }}>
       <Box
diff --git a/src/pages/dashboard/contract/detail.tsx b/src/pages/dashboard/contract/detail.tsx
index 505c488..069e99e 100644
--- a/src/pages/dashboard/contract/detail.tsx
+++ b/src/pages/dashboard/contract/detail.tsx
@@ -74,8 +74,8 @@ export default function ContractDetail() {
                 <TableCell>支払済み</TableCell>
               </TableRow>
             </TableBody>
-            <Button>更に表示</Button>
           </Table>
+          <Button>更に表示</Button>
         </Paper>
         <Paper sx={{ p: 2 }}>
           <Typography variant="h5">各種申請</Typography>