diff --git a/src/client/page/404.tsx b/src/client/page/404.tsx
index b3a94c3..98e7d84 100644
--- a/src/client/page/404.tsx
+++ b/src/client/page/404.tsx
@@ -1,7 +1,6 @@
-import { ArrowBack as ArrowBackIcon } from "@mui/icons-material";
 import { Typography } from "@mui/material";
 import React from "react";
-import { BackItem, CommonMenuList, Headline, NavList } from "../component/mod";
+import { CommonMenuList, Headline } from "../component/mod";
 import { PagePad } from "../component/pagepad";
 
 export const NotFoundPage = () => {
diff --git a/src/client/page/contentinfo.tsx b/src/client/page/contentinfo.tsx
index 5fb857d..31d5b64 100644
--- a/src/client/page/contentinfo.tsx
+++ b/src/client/page/contentinfo.tsx
@@ -16,18 +16,6 @@ type DocumentState = {
     notfound: boolean;
 };
 
-const styles = (theme: Theme) => ({
-    noPaddingContent: {
-        display: "flex",
-        flexDirection: "column",
-        flexGrow: 1,
-    },
-    noPaddingToolbar: {
-        flex: "0 1 auto",
-        ...theme.mixins.toolbar,
-    },
-});
-
 export function ReaderPage(props?: {}) {
     const location = useLocation();
     const match = useParams<{ id: string }>();
diff --git a/src/client/page/difference.tsx b/src/client/page/difference.tsx
index 11ce2b4..1cf82de 100644
--- a/src/client/page/difference.tsx
+++ b/src/client/page/difference.tsx
@@ -1,22 +1,9 @@
-import { Box, Button, Grid, Paper, Theme, Typography } from "@mui/material";
-import { Stack } from "@mui/material";
+import { Box, Button, Paper, Typography } from "@mui/material";
 import React, { useContext, useEffect, useState } from "react";
 import { CommonMenuList, Headline } from "../component/mod";
 import { UserContext } from "../state";
 import { PagePad } from "../component/pagepad";
 
-const useStyles = (theme: Theme) => ({
-    paper: {
-        padding: theme.spacing(2),
-    },
-    commitable: {
-        display: "grid",
-        gridTemplateColumns: `100px auto`,
-    },
-    contentTitle: {
-        marginLeft: theme.spacing(2),
-    },
-});
 type FileDifference = {
     type: string;
     value: {
diff --git a/src/client/page/setting.tsx b/src/client/page/setting.tsx
index b4f7eda..a2d102b 100644
--- a/src/client/page/setting.tsx
+++ b/src/client/page/setting.tsx
@@ -1,7 +1,6 @@
-import { ArrowBack as ArrowBackIcon } from "@mui/icons-material";
 import { Paper, Typography } from "@mui/material";
 import React from "react";
-import { BackItem, CommonMenuList, Headline, NavList } from "../component/mod";
+import { CommonMenuList, Headline } from "../component/mod";
 import { PagePad } from "../component/pagepad";
 
 export const SettingPage = () => {