diff --git a/pages/about.md b/pages/about.md
index b092323..78ecece 100644
--- a/pages/about.md
+++ b/pages/about.md
@@ -1,3 +1,11 @@
 # About
 
-- [Back to Home](/)
+Next.js、MDX、Material-UI の組み合わせで作ってみたサンプルページ。
+
+## ソースコード
+
+[https://github.com/kou029w/next-example](https://github.com/kou029w/next-example)
+
+## ライセンス
+
+MIT
diff --git a/pages/index.md b/pages/index.md
index 1c0e5ca..3204983 100644
--- a/pages/index.md
+++ b/pages/index.md
@@ -1,3 +1,3 @@
 # Hello Next.js
 
-- [/about](/about)
+- [About](/about)
diff --git a/styles/MainTheme.tsx b/styles/MainTheme.tsx
index 3377754..7cc8dbc 100644
--- a/styles/MainTheme.tsx
+++ b/styles/MainTheme.tsx
@@ -58,7 +58,8 @@ export const components = {
         <MuiLink variant="body1" color="secondary" href={url} {...props} />
       </Link>
     );
-  }
+  },
+  p: (props: {}) => <Typography component="p" variant="body1" {...props} />
 };
 
 const MainTheme: React.FC = ({ children }) => (
@@ -66,11 +67,7 @@ const MainTheme: React.FC = ({ children }) => (
     <MDXProvider components={components}>
       <TopAppBar />
       <Box paddingTop={6}>
-        <Container>
-          <Typography component="div" variant="body1">
-            {children}
-          </Typography>
-        </Container>
+        <Container>{children}</Container>
       </Box>
     </MDXProvider>
   </ThemeProvider>