diff --git a/pages/about.tsx b/pages/about.tsx
index 24648f8..5342774 100644
--- a/pages/about.tsx
+++ b/pages/about.tsx
@@ -1,16 +1,17 @@
+import { NextPage } from 'next'
+import dynamic from 'next/dynamic'
+
 import ColorCard from '@components/ColorCard'
 import Divider from '@components/Divider'
 import Docs from '@components/Docs'
 import Segment from '@components/Segment'
 import { ThemeColors } from '@utils/Constants'
-import { NextPage } from 'next'
-import dynamic from 'next/dynamic'
 
 const Container = dynamic(() => import('@components/Container'))
 
 const About:NextPage = () => {
 	return <div className='pb-10'>
-		<Docs header={<h1 className='font-black text-4xl dark:text-koreanbots-blue'>“국내 디스코드봇을 한 곳에서.”</h1>} subheader='한국 디스코드봇 리스트에서 자신에 서버에 딱 맞는 봇을 찾아보세요.'>
+		<Docs title='소개' header={<h1 className='font-black text-4xl dark:text-koreanbots-blue'>“국내 디스코드봇을 한 곳에서.”</h1>} subheader='한국 디스코드봇 리스트에서 자신에 서버에 딱 맞는 봇을 찾아보세요.'>
 			<Container>
 				<div className='py-1'>
 					<h1 className='font-bold text-5xl my-5'>소개</h1>