diff --git a/components/Advertisement.tsx b/components/Advertisement.tsx
index 37071e1..3c6a960 100644
--- a/components/Advertisement.tsx
+++ b/components/Advertisement.tsx
@@ -1,12 +1,18 @@
-const Advertisement = ():JSX.Element => {
-	if(process.env.NODE_ENV === 'production') return <ins className="mb-5 adsbygoogle"
-		style={{ display: 'block' }}
-		data-ad-client="ca-pub-4856582423981759"
-		data-ad-slot="3250141451"
-		data-ad-format="auto"
-		data-adtest="on"
-		data-full-width-responsive="true"></ins>
-	else return <div className='bg-gray-700 text-white text-center w-full py-12 my-5'>Advertisement</div>
+const Advertisement = (): JSX.Element => {
+	if (process.env.NODE_ENV === 'production')
+		return (
+			<ins
+				className="adsbygoogle mb-5"
+				style={{ display: 'block' }}
+				data-ad-client="ca-pub-4856582423981759"
+				data-ad-slot="3250141451"
+				data-ad-format="auto"
+				data-adtest="on"
+				data-full-width-responsive="true"
+			></ins>
+		)
+	else
+		return <div className="my-5 py-12 w-full text-center text-white bg-gray-700">Advertisement</div>
 }
 
-export default Advertisement
\ No newline at end of file
+export default Advertisement
diff --git a/components/DiscordImage.tsx b/components/DiscordImage.tsx
index abc0d18..c259d07 100644
--- a/components/DiscordImage.tsx
+++ b/components/DiscordImage.tsx
@@ -1,7 +1,25 @@
 import NextImage from 'next/image'
 
-const DiscordImage = (props: { size?: number, userID: string, avatarHash: string, tag: number|string, className?: string }) => {
-	return <NextImage className={props.className} src={props.avatarHash ? `https://cdn.discordapp.com/avatars/${props.userID}/${props.avatarHash}.png?size=1024` : `https://cdn.discordapp.com/embed/avatars/${Number(props.tag) % 5}.png?size=1024`} width={props.size || 256} height={props.size || 256} data-fallback-image='/img/default.png'/>
+const DiscordImage = (props: {
+	size?: number
+	userID: string
+	avatarHash: string
+	tag: number | string
+	className?: string
+}) => {
+	return (
+		<NextImage
+			className={props.className}
+			src={
+				props.avatarHash
+					? `https://cdn.discordapp.com/avatars/${props.userID}/${props.avatarHash}.png?size=1024`
+					: `https://cdn.discordapp.com/embed/avatars/${Number(props.tag) % 5}.png?size=1024`
+			}
+			width={props.size || 256}
+			height={props.size || 256}
+			data-fallback-image="/img/default.png"
+		/>
+	)
 }
 
 export default DiscordImage
diff --git a/components/Divider.tsx b/components/Divider.tsx
index 32f0d45..9ffcc3c 100644
--- a/components/Divider.tsx
+++ b/components/Divider.tsx
@@ -1,5 +1,13 @@
-const Divider = ({ className }:{ className?: string }) => {
-	return <div className={`my-2 px-5 ${className || ''}`} style={{ borderTop: '1px solid rgba(34,36,38,.15)', borderBottom: '1px solid hsla(0,0%,100%,.1)' }}/>
+const Divider = ({ className }: { className?: string }) => {
+	return (
+		<div
+			className={`my-2 px-5 ${className || ''}`}
+			style={{
+				borderTop: '1px solid rgba(34,36,38,.15)',
+				borderBottom: '1px solid hsla(0,0%,100%,.1)',
+			}}
+		/>
+	)
 }
 
-export default Divider
\ No newline at end of file
+export default Divider
diff --git a/components/Docs.tsx b/components/Docs.tsx
index a95fb63..6025184 100644
--- a/components/Docs.tsx
+++ b/components/Docs.tsx
@@ -1,29 +1,38 @@
 import Container from './Container'
 import Wave from './Wave'
 
-const Docs = ({ header, description, subheader, children }:DocsProps):JSX.Element => {
-	return <>
-		<div className='bg-discord-blurple dark:bg-discord-black'>
-			<Container className='pt-20 pb-28' ignoreColor>
-				<h1 className='mt-10 text-4xl text-gray-100 font-bold sm:text-left text-center'>{header}</h1>
-				<h2 className='mt-5 text-2xl text-gray-200 font-medium sm:text-left text-center'>{description}</h2>
-				<h2 className='mt-5 text-2xl text-gray-200 font-medium sm:text-left text-center'>{subheader}</h2>
-			</Container>
-		</div>
-		<Wave color='currentColor' className='text-discord-blurple dark:text-discord-black bg-white dark:bg-discord-dark'/>
-		<Container>
-			<div>
-				{children}
+const Docs = ({ header, description, subheader, children }: DocsProps): JSX.Element => {
+	return (
+		<>
+			<div className="dark:bg-discord-black bg-discord-blurple">
+				<Container className="pb-28 pt-20" ignoreColor>
+					<h1 className="mt-10 text-center text-gray-100 text-4xl font-bold sm:text-left">
+						{header}
+					</h1>
+					<h2 className="mt-5 text-center text-gray-200 text-2xl font-medium sm:text-left">
+						{description}
+					</h2>
+					<h2 className="mt-5 text-center text-gray-200 text-2xl font-medium sm:text-left">
+						{subheader}
+					</h2>
+				</Container>
 			</div>
-		</Container>
-	</>
+			<Wave
+				color="currentColor"
+				className="dark:text-discord-black text-discord-blurple dark:bg-discord-dark bg-white"
+			/>
+			<Container>
+				<div>{children}</div>
+			</Container>
+		</>
+	)
 }
 
 export default Docs
 
 interface DocsProps {
-  header: string
-  description?: string
-  subheader?: string
-  children: JSX.Element | JSX.Element[]
-}
\ No newline at end of file
+	header: string
+	description?: string
+	subheader?: string
+	children: JSX.Element | JSX.Element[]
+}
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 777e2f2..1282286 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -2,73 +2,75 @@ import Link from 'next/link'
 import Container from './Container'
 import Wave from './Wave'
 
-const Footer = ():JSX.Element => {
-	return <div className='releative'>
-		<Wave color='currentColor' className='text-white dark:text-discord-dark bg-discord-black'/>
-		<div className='bottom-0 bg-discord-black text-white'>
-			<Container className='w-11/12 lg:w-3/5 pt-10 lg:pt-0 pb-20 lg:flex' ignoreColor>
-				<div className='w-full lg:flex-grow'>
-					<h1 className='text-koreanbots-blue text-3xl font-extrabold'>국내봇을 한 곳에서.</h1>
-					<span className='text-base'>2020 Koreanbots, All rights reserved.</span>
-					<div className='text-2xl'>
-						<Link href='/discord'>
-							<a className='mr-2'>
-								<i className='fab fa-discord' />
+const Footer = (): JSX.Element => {
+	return (
+		<div className="releative">
+			<Wave color="currentColor" className="dark:text-discord-dark text-white bg-discord-black" />
+			<div className="bottom-0 text-white bg-discord-black">
+				<Container className="pb-20 pt-10 w-11/12 lg:flex lg:pt-0 lg:w-3/5" ignoreColor>
+					<div className="w-full lg:flex-grow">
+						<h1 className="text-koreanbots-blue text-3xl font-extrabold">국내봇을 한 곳에서.</h1>
+						<span className="text-base">2020 Koreanbots, All rights reserved.</span>
+						<div className="text-2xl">
+							<Link href="/discord">
+								<a className="mr-2">
+									<i className="fab fa-discord" />
+								</a>
+							</Link>
+							<a href="https://github.com/koreanbots" className="mr-2">
+								<i className="fab fa-github" />
 							</a>
-						</Link>
-						<a href='https://github.com/koreanbots' className='mr-2'>
-							<i className='fab fa-github' />
-						</a>
+						</div>
 					</div>
-				</div>
-				<div className='flex-col w-full lg:w-1/3 mb-2'>
-					<h2 className='text-base text-koreanbots-blue font-bold'>한국 디스코드봇 리스트</h2>
-					<ul className='text-sm'>
-						<li>
-							<Link href='/about'>
-								<a className='hover:text-gray-300'>소개</a>
-							</Link>
-						</li>
-						<li>
-							<Link href='/api'>
-								<a className='hover:text-gray-300'>API</a>
-							</Link>
-						</li>
-					</ul>
-				</div>
-				<div className='flex-col w-full lg:w-1/5 mb-2'>
-					<h2 className='text-base text-koreanbots-blue font-bold'>커뮤니티</h2>
-					<ul className='text-sm'>
-						<li>
-							<Link href='/partners'>
-								<a className='hover:text-gray-300'>파트너</a>
-							</Link>
-						</li>
-						<li>
-							<Link href='/verification'>
-								<a className='hover:text-gray-300'>인증</a>
-							</Link>
-						</li>
-					</ul>
-				</div>
-				<div className='flex-col w-full lg:w-1/5 mb-2'>
-					<h2 className='text-base text-koreanbots-blue font-bold'>약관</h2>
-					<ul className='text-sm'>
-						<li>
-							<Link href='/privacy'>
-								<a className='hover:text-gray-300'>개인정보취급방침</a>
-							</Link>
-						</li>
-						<li>
-							<Link href='/guidelines'>
-								<a className='hover:text-gray-300'>가이드라인</a>
-							</Link>
-						</li>
-					</ul>
-				</div>
-			</Container>
+					<div className="flex-col mb-2 w-full lg:w-1/3">
+						<h2 className="text-koreanbots-blue text-base font-bold">한국 디스코드봇 리스트</h2>
+						<ul className="text-sm">
+							<li>
+								<Link href="/about">
+									<a className="hover:text-gray-300">소개</a>
+								</Link>
+							</li>
+							<li>
+								<Link href="/api">
+									<a className="hover:text-gray-300">API</a>
+								</Link>
+							</li>
+						</ul>
+					</div>
+					<div className="flex-col mb-2 w-full lg:w-1/5">
+						<h2 className="text-koreanbots-blue text-base font-bold">커뮤니티</h2>
+						<ul className="text-sm">
+							<li>
+								<Link href="/partners">
+									<a className="hover:text-gray-300">파트너</a>
+								</Link>
+							</li>
+							<li>
+								<Link href="/verification">
+									<a className="hover:text-gray-300">인증</a>
+								</Link>
+							</li>
+						</ul>
+					</div>
+					<div className="flex-col mb-2 w-full lg:w-1/5">
+						<h2 className="text-koreanbots-blue text-base font-bold">약관</h2>
+						<ul className="text-sm">
+							<li>
+								<Link href="/privacy">
+									<a className="hover:text-gray-300">개인정보취급방침</a>
+								</Link>
+							</li>
+							<li>
+								<Link href="/guidelines">
+									<a className="hover:text-gray-300">가이드라인</a>
+								</Link>
+							</li>
+						</ul>
+					</div>
+				</Container>
+			</div>
 		</div>
-	</div>
+	)
 }
 
-export default Footer
\ No newline at end of file
+export default Footer
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index a739b6b..4c41e5b 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -5,9 +5,9 @@ const Navbar = (): JSX.Element => {
 	const [navbarOpen, setNavbarOpen] = useState<boolean>(false)
 	return (
 		<>
-			<nav className="fixed lg:absolute bg-transparent z-20 top-0 flex flex-wrap items-center justify-between px-2 py-3 w-full text-gray-100 bg-discord-blurple dark:bg-discord-black">
+			<nav className="fixed z-20 top-0 flex flex-wrap items-center justify-between px-2 py-3 w-full text-gray-100 dark:bg-discord-black bg-discord-blurple bg-transparent lg:absolute">
 				<div className="container flex flex-wrap items-center justify-between mx-auto px-4">
-					<div className="relative flex justify-between w-full static block lg:justify-start lg:w-auto">
+					<div className="relative static block flex justify-between w-full lg:justify-start lg:w-auto">
 						<a
 							className="logofont text-large whitespace-no-wrap inline-block mr-4 py-2 hover:text-gray-300 font-semibold leading-relaxed uppercase sm:text-2xl"
 							href="/"
@@ -22,42 +22,40 @@ const Navbar = (): JSX.Element => {
 							<i className={`fas ${!navbarOpen ? 'fa-bars' : 'fa-times'}`}></i>
 						</button>
 					</div>
-					<div
-						className='lg:flex flex-grow items-center bg-white lg:bg-transparent lg:shadow-none hidden'
-					>
+					<div className="hidden flex-grow items-center bg-white lg:flex lg:bg-transparent lg:shadow-none">
 						<ul className="flex flex-col list-none lg:flex-row lg:ml-auto">
 							<li className="flex items-center">
 								<a
 									href="/discord"
-									className="lg:text-gray-100 lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2"
+									className="lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2 lg:text-gray-100"
 								>
 									디스코드
 								</a>
 							</li>
 							<li className="flex items-center">
 								<Link href="/about">
-									<a className="lg:text-gray-100 lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2">
+									<a className="lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2 lg:text-gray-100">
 										소개
 									</a>
 								</Link>
 							</li>
 							<li className="flex items-center">
 								<Link href="/api">
-									<a className="lg:text-gray-100 lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2">
+									<a className="lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2 lg:text-gray-100">
 										API
 									</a>
 								</Link>
 							</li>
 							<li className="flex items-center">
 								<Link href="/addbot">
-									<a className="lg:text-gray-100 lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2">
+									<a className="lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2 lg:text-gray-100">
 										봇 추가하기
 									</a>
 								</Link>
 							</li>
 							<li className="flex items-center">
 								<Link href="/api/auth/discord">
-									<a className="lg:text-gray-100 lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2">
+									<a className="lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2 lg:text-gray-100">
 										로그인
 									</a>
 								</Link>
@@ -66,52 +64,60 @@ const Navbar = (): JSX.Element => {
 					</div>
 				</div>
 			</nav>
-			<div className={`w-full h-full fixed bg-discord-blurple dark:bg-discord-black mt-8 sm:mt-0 z-19 ${navbarOpen ? 'block' : 'hidden'}`}>
+			<div
+				className={`w-full h-full fixed bg-discord-blurple dark:bg-discord-black mt-8 sm:mt-0 z-19 ${
+					navbarOpen ? 'block' : 'hidden'
+				}`}
+			>
 				<nav className="mt-20">
-					<Link href='/about'>
-						<a className="flex items-center py-2 px-8 text-gray-100 hover:text-gray-300">
-							<svg className="h-5 w-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-								<path d="M19 11H5M19 11C20.1046 11 21 11.8954 21 13V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V13C3 11.8954 3.89543 11 5 11M19 11V9C19 7.89543 18.1046 7 17 7M5 11V9C5 7.89543 5.89543 7 7 7M7 7V5C7 3.89543 7.89543 3 9 3H15C16.1046 3 17 3.89543 17 5V7M7 7H17" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+					<Link href="/about">
+						<a className="flex items-center px-8 py-2 text-gray-100 hover:text-gray-300">
+							<svg
+								className="w-5 h-5"
+								viewBox="0 0 24 24"
+								fill="none"
+								xmlns="http://www.w3.org/2000/svg"
+							>
+								<path
+									d="M19 11H5M19 11C20.1046 11 21 11.8954 21 13V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V13C3 11.8954 3.89543 11 5 11M19 11V9C19 7.89543 18.1046 7 17 7M5 11V9C5 7.89543 5.89543 7 7 7M7 7V5C7 3.89543 7.89543 3 9 3H15C16.1046 3 17 3.89543 17 5V7M7 7H17"
+									stroke="currentColor"
+									strokeWidth="2"
+									strokeLinecap="round"
+									strokeLinejoin="round"
+								/>
 							</svg>
 
-						
-							<span className='px-2 font-medium'>소개</span>
-						
+							<span className="px-2 font-medium">소개</span>
 						</a>
 					</Link>
-					<Link href='/about'>
-						<a className="flex items-center py-2 px-8 text-gray-100 hover:text-gray-300">
-							<i className="fas fa-tools"/>
+					<Link href="/about">
+						<a className="flex items-center px-8 py-2 text-gray-100 hover:text-gray-300">
+							<i className="fas fa-tools" />
 
-						
-							<span className='px-2 font-medium'>API</span>
-						
+							<span className="px-2 font-medium">API</span>
 						</a>
 					</Link>
-					<Link href='/addbot'>
-						<a className="flex items-center py-2 px-8 text-gray-100 hover:text-gray-300">
+					<Link href="/addbot">
+						<a className="flex items-center px-8 py-2 text-gray-100 hover:text-gray-300">
 							<i className="fas fa-plus"></i>
-							<span className='px-2 font-medium'>봇 추가하기</span>
-						
+							<span className="px-2 font-medium">봇 추가하기</span>
 						</a>
 					</Link>
 
-					<Link href='/api/auth/login'>
-						<a className="flex items-center py-2 px-8 text-gray-100 hover:text-gray-300">
-							<i className="far fa-user"/>
-							<span className='px-2 font-medium'>로그인</span>
-						
+					<Link href="/api/auth/login">
+						<a className="flex items-center px-8 py-2 text-gray-100 hover:text-gray-300">
+							<i className="far fa-user" />
+							<span className="px-2 font-medium">로그인</span>
 						</a>
 					</Link>
 				</nav>
 
 				<div className="absolute bottom-0 my-10">
-					<a className="flex items-center py-2 px-8 text-gray-100 hover:text-gray-300">
-						<i className='fab fa-discord' />
+					<a className="flex items-center px-8 py-2 text-gray-100 hover:text-gray-300">
+						<i className="fab fa-discord" />
 
-
-						<Link href='/discord'>
-							<a className='px-2 font-medium'>디스코드 서버</a>
+						<Link href="/discord">
+							<a className="px-2 font-medium">디스코드 서버</a>
 						</Link>
 					</a>
 				</div>
diff --git a/components/SEO.tsx b/components/SEO.tsx
index 1a21528..cb9def9 100644
--- a/components/SEO.tsx
+++ b/components/SEO.tsx
@@ -1,24 +1,22 @@
 import Head from 'next/head'
 
-const SEO = ({ title, description, image }:SEOProps):JSX.Element => {
-	return <Head>
-		<title>{title} - 한국 디스코드봇 리스트</title>
-		{ description && <meta
-			name="description"
-			content={description}
-		/> }
-		<meta name="og:site_name" content="한국 디스코드봇 리스트" />
-		<meta name="og:title" content={title} />
-		{ description && <meta name="og:description" content={description} /> }
-		{ image && <meta name="og:image" content={image} /> }
-	</Head>
+const SEO = ({ title, description, image }: SEOProps): JSX.Element => {
+	return (
+		<Head>
+			<title>{title} - 한국 디스코드봇 리스트</title>
+			{description && <meta name="description" content={description} />}
+			<meta name="og:site_name" content="한국 디스코드봇 리스트" />
+			<meta name="og:title" content={title} />
+			{description && <meta name="og:description" content={description} />}
+			{image && <meta name="og:image" content={image} />}
+		</Head>
+	)
 }
 
 export default SEO
 
-
 interface SEOProps {
-  title: string
-  description?: string
-  image?: string
-}
\ No newline at end of file
+	title: string
+	description?: string
+	image?: string
+}
diff --git a/components/Search.tsx b/components/Search.tsx
index d718916..1c3578c 100644
--- a/components/Search.tsx
+++ b/components/Search.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react'
 
-const Search = ({query, result}:SearchProps):JSX.Element => {
+const Search = ({ query, result }: SearchProps): JSX.Element => {
 	return (
 		<div>
 			<input />
@@ -9,8 +9,8 @@ const Search = ({query, result}:SearchProps):JSX.Element => {
 }
 
 interface SearchProps {
-  query: string
-  result: string
+	query: string
+	result: string
 }
 
 export default Search
diff --git a/components/Segment.tsx b/components/Segment.tsx
index f7c4b62..ebe0711 100644
--- a/components/Segment.tsx
+++ b/components/Segment.tsx
@@ -1,7 +1,9 @@
-const Segment = ({ children }):JSX.Element => {
-	return <div className='bg-little-white dark:bg-discord-black text-black dark:text-white p-5 rounded-sm'>
-		{children}
-	</div>
+const Segment = ({ children }): JSX.Element => {
+	return (
+		<div className="p-5 text-black dark:text-white dark:bg-discord-black bg-little-white rounded-sm">
+			{children}
+		</div>
+	)
 }
 
-export default Segment
\ No newline at end of file
+export default Segment
diff --git a/components/Wave.tsx b/components/Wave.tsx
index 8a36423..66ac63c 100644
--- a/components/Wave.tsx
+++ b/components/Wave.tsx
@@ -1,4 +1,4 @@
-const Wave = ({ color, className }:WaveProps):JSX.Element => {
+const Wave = ({ color, className }: WaveProps): JSX.Element => {
 	return (
 		<svg viewBox="0 0 1440 320" className={className}>
 			<path
@@ -10,8 +10,8 @@ const Wave = ({ color, className }:WaveProps):JSX.Element => {
 }
 
 interface WaveProps {
-  color: string
-  className?: string
+	color: string
+	className?: string
 }
 
-export default Wave
\ No newline at end of file
+export default Wave
diff --git a/pages/404.tsx b/pages/404.tsx
index d4f0e70..5f74afb 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -2,9 +2,11 @@ import { NextPage } from 'next'
 import Container from '../components/Container'
 
 const NotFound: NextPage = () => {
-	return <Container paddingTop>
-		<h1>Not Found</h1>
-	</Container>
+	return (
+		<Container paddingTop>
+			<h1>Not Found</h1>
+		</Container>
+	)
 }
 
 export default NotFound
diff --git a/pages/_document.tsx b/pages/_document.tsx
index 32436cd..8abf85c 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -28,7 +28,7 @@ class MyDocument extends Document {
 						}}
 					/>
 				</Head>
-				<body className="h-full text-black dark:text-gray-100 bg-white dark:bg-discord-dark">
+				<body className="h-full text-black dark:text-gray-100 dark:bg-discord-dark bg-white">
 					<Main />
 					<NextScript />
 				</body>
diff --git a/pages/guidelines.tsx b/pages/guidelines.tsx
index fefa72f..e0a8761 100644
--- a/pages/guidelines.tsx
+++ b/pages/guidelines.tsx
@@ -1,84 +1,89 @@
 import { NextPage } from 'next'
 import Docs from '../components/Docs'
 
-const Privacy:NextPage = () => {
-	return <Docs header='가이드라인' description='리스트에 등재되는 모든 봇들이 지켜야하는 가이드라인입니다!' subheader='최초 작성: 2020-04-30 수정: 2020-05-15'>
-		<h1 className='font-bold text-4xl mb-3'>KOREANBOTS에 오신 것을 환영합니다.</h1>
-		<p>봇 추가 또는 등재 유지를 위해서 반드시 지켜야할 가이드라인들입니다.</p>
-		<p>
-        가이드라인 위반이 확인될 경우, 거부 또는 삭제 처리될 수 있음을
-        알려드립니다.
-		</p>
-		<h2 className='font-semibold text-3xl mt-10' id="봇">봇</h2>
-		<p>아래는 봇 추가를 위해 반드시 지켜야할 규칙입니다.</p>
-		<ul className='list-inside list-disc'>
-			<li>반드시 디스코드 서버에 참가해주세요.</li>
-			<li>
-          카테고리는 정확하게 지정해주세요 (NSFW의 경우 반드시 NSFW를
-          지정해주셔야합니다.)
-			</li>
-			<li>
-          오픈소스가 베이스가 되는 봇(유사한 점이 인정되는 경우는 설명란에 해당
-          오픈소스를 기재해주세요)
-			</li>
-			<li>
-          100퍼센트 업타임을 유지할 필요는 없지만, 심사 시간 기준으로 오프라인일
-          경우 심사 거부됩니다.
-			</li>
-			<li>한국인 개발자가 개발하였으며, 한국어를 지원</li>
-			<li>서버로 초대할 수 있는 공개봇 (특수목적의 봇은 제외)</li>
-			<li>
-          오픈소스봇을 따로 거부하지는 않지만, 반드시 <strong>라이선스</strong>
-          를 지켜주세요. 원작자가 문제 제기할 경우, 통보없이 봇이 삭제되거나
-          거부될 수 있습니다.
-				<ul className='pl-3 list-inside list-disc'>
-					<li>
-          오픈소스 라이선스에 <strong>원소스를 표시해야 한다는 조항</strong>(MIT
-          등 해당)이 있다면, 소스같은 곳뿐만 아니라 반드시 봇 설명에
-          기재해주세요.</li>
-					<li>한 두개의 명령어까지 관여할 수는 없지만, 봇의 베이스 소스(예시:
-          Just Some Bot을 활용한 뮤직봇, RedBot 기반 봇.)에<br/>오픈소스가
-          사용되었을 경우, 반드시 라이선스에 관한 조항을 봇 설명에 표시해주세요.
-					</li>
-				</ul>
-			</li>
-		</ul>
-		<h3 className='font-semibold text-lg mt-x' id="금지사항">금지사항</h3>
-		<p>다음 항목에 해당하는 봇의 등록을 거부할 수 있습니다.</p>
-		<ul className='list-inside list-disc'>
-			<li>불법 프로그램 홍보 또는 판매 기타 행위를 조장하는 봇.</li>
-			<li>
-          디스코드 <strong>TOS</strong>나 <strong>가이드라인</strong>,{' '}
-				<strong>개발자 약관</strong>에 위반되는 봇.
-			</li>
-			<li>
-          서버 테러를 시도하거나, 무단으로 의도하여 채널,역할 등을 삭제/수정을
-          시도 또는 이력이 존재하는 경우
-			</li>
-			<li>
-          대한민국 법을 위반하거나 오픈소스 라이선스, API 라이선스등을 위반한 봇
-			</li>
-		</ul>
-		<h2 className='font-semibold text-3xl mt-10' id="유저">유저</h2>
-		<p>
-        다음 항목에 해당하는 유저가 제작에 참여하고 있는(과거에 제작 참여
-        이력과는 관련 없음) 봇의 등록을 거부할 수 있습니다.
-		</p>
-		<ul className='list-inside list-disc'>
-			<li>
-          디스코드 <strong>TOS</strong>나 <strong>가이드라인</strong>,{' '}
-				<strong>개발자 약관</strong> 또는 <strong>대한민국 법</strong>,{' '}
-				<strong>오픈소스 라이선스</strong>, <strong>기타 라이선스</strong> 중
-          하나 이상을 위반 하고 있는 경우
-			</li>
-		</ul>
-		<p className='mt-10'>
-        위 항목들은 정확하게 인정되기 전까지는 처리할 수 없습니다. 또한,
-        처리하기 전에는 반드시 유저에게 통보를 시도해야합니다.
-		</p>
-		<p>당사의 가이드라인은 <strong>대한민국 국내법</strong>이 상위 적용됩니다.</p>
-	</Docs>
+const Privacy: NextPage = () => {
+	return (
+		<Docs
+			header="가이드라인"
+			description="리스트에 등재되는 모든 봇들이 지켜야하는 가이드라인입니다!"
+			subheader="최초 작성: 2020-04-30 수정: 2020-05-15"
+		>
+			<h1 className="mb-3 text-4xl font-bold">KOREANBOTS에 오신 것을 환영합니다.</h1>
+			<p>봇 추가 또는 등재 유지를 위해서 반드시 지켜야할 가이드라인들입니다.</p>
+			<p>가이드라인 위반이 확인될 경우, 거부 또는 삭제 처리될 수 있음을 알려드립니다.</p>
+			<h2 className="mt-10 text-3xl font-semibold" id="봇">
+				봇
+			</h2>
+			<p>아래는 봇 추가를 위해 반드시 지켜야할 규칙입니다.</p>
+			<ul className="list-inside list-disc">
+				<li>반드시 디스코드 서버에 참가해주세요.</li>
+				<li>카테고리는 정확하게 지정해주세요 (NSFW의 경우 반드시 NSFW를 지정해주셔야합니다.)</li>
+				<li>
+					오픈소스가 베이스가 되는 봇(유사한 점이 인정되는 경우는 설명란에 해당 오픈소스를
+					기재해주세요)
+				</li>
+				<li>
+					100퍼센트 업타임을 유지할 필요는 없지만, 심사 시간 기준으로 오프라인일 경우 심사
+					거부됩니다.
+				</li>
+				<li>한국인 개발자가 개발하였으며, 한국어를 지원</li>
+				<li>서버로 초대할 수 있는 공개봇 (특수목적의 봇은 제외)</li>
+				<li>
+					오픈소스봇을 따로 거부하지는 않지만, 반드시 <strong>라이선스</strong>를 지켜주세요.
+					원작자가 문제 제기할 경우, 통보없이 봇이 삭제되거나 거부될 수 있습니다.
+					<ul className="pl-3 list-inside list-disc">
+						<li>
+							오픈소스 라이선스에 <strong>원소스를 표시해야 한다는 조항</strong>(MIT 등 해당)이
+							있다면, 소스같은 곳뿐만 아니라 반드시 봇 설명에 기재해주세요.
+						</li>
+						<li>
+							한 두개의 명령어까지 관여할 수는 없지만, 봇의 베이스 소스(예시: Just Some Bot을 활용한
+							뮤직봇, RedBot 기반 봇.)에
+							<br />
+							오픈소스가 사용되었을 경우, 반드시 라이선스에 관한 조항을 봇 설명에 표시해주세요.
+						</li>
+					</ul>
+				</li>
+			</ul>
+			<h3 className="mt-x text-lg font-semibold" id="금지사항">
+				금지사항
+			</h3>
+			<p>다음 항목에 해당하는 봇의 등록을 거부할 수 있습니다.</p>
+			<ul className="list-inside list-disc">
+				<li>불법 프로그램 홍보 또는 판매 기타 행위를 조장하는 봇.</li>
+				<li>
+					디스코드 <strong>TOS</strong>나 <strong>가이드라인</strong>, <strong>개발자 약관</strong>
+					에 위반되는 봇.
+				</li>
+				<li>
+					서버 테러를 시도하거나, 무단으로 의도하여 채널,역할 등을 삭제/수정을 시도 또는 이력이
+					존재하는 경우
+				</li>
+				<li>대한민국 법을 위반하거나 오픈소스 라이선스, API 라이선스등을 위반한 봇</li>
+			</ul>
+			<h2 className="mt-10 text-3xl font-semibold" id="유저">
+				유저
+			</h2>
+			<p>
+				다음 항목에 해당하는 유저가 제작에 참여하고 있는(과거에 제작 참여 이력과는 관련 없음) 봇의
+				등록을 거부할 수 있습니다.
+			</p>
+			<ul className="list-inside list-disc">
+				<li>
+					디스코드 <strong>TOS</strong>나 <strong>가이드라인</strong>, <strong>개발자 약관</strong>{' '}
+					또는 <strong>대한민국 법</strong>, <strong>오픈소스 라이선스</strong>,{' '}
+					<strong>기타 라이선스</strong> 중 하나 이상을 위반 하고 있는 경우
+				</li>
+			</ul>
+			<p className="mt-10">
+				위 항목들은 정확하게 인정되기 전까지는 처리할 수 없습니다. 또한, 처리하기 전에는 반드시
+				유저에게 통보를 시도해야합니다.
+			</p>
+			<p>
+				당사의 가이드라인은 <strong>대한민국 국내법</strong>이 상위 적용됩니다.
+			</p>
+		</Docs>
+	)
 }
 
-
 export default Privacy
diff --git a/pages/index.tsx b/pages/index.tsx
index dd50cc2..378acfd 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -3,23 +3,36 @@ import Container from '../components/Container'
 import Wave from '../components/Wave'
 
 const Index: NextPage = () => {
-	return <>
-		<div className='bg-discord-blurple dark:bg-discord-black'>
-			<Container className='pt-20 pb-28' ignoreColor>
-				<h1 className='text-3xl text-gray-100 font-bold sm:text-left text-center'>한국 디스코드봇 리스트</h1>
-			</Container>
-		</div>
-		<Wave color='currentColor' className='text-discord-blurple dark:text-discord-black bg-white dark:bg-discord-dark'/>
+	return (
+		<>
+			<div className="dark:bg-discord-black bg-discord-blurple">
+				<Container className="pb-28 pt-20" ignoreColor>
+					<h1 className="text-center text-gray-100 text-3xl font-bold sm:text-left">
+						한국 디스코드봇 리스트
+					</h1>
+				</Container>
+			</div>
+			<Wave
+				color="currentColor"
+				className="dark:text-discord-black text-discord-blurple dark:bg-discord-dark bg-white"
+			/>
 
-		<Container>
-			<h1 className='text-3xl font-bold'><i className='far fa-heart text-pink-600 mr-3' /> 하트 랭킹</h1>
-			<p className='text-base'>하트를 많이 받은 봇들의 순위입니다!</p>
-			<h1 className='text-3xl font-bold'><i className='far fa-star text-yellow-500 mt-10 mr-3' /> 새로운 봇</h1>
-			<p className='text-base'>최근에 한국 디스코드봇 리스트에 추가된 따끈따끈한 봇입니다.</p>
-			<h1 className='text-3xl font-bold'><i className='fa fa-check text-green-500 mt-10 mr-3' /> 신뢰된 봇</h1>
-			<p className='text-base'>KOREANBOTS에서 인증받은 신뢰할 수 있는 봇들입니다!!</p>
-		</Container>
-	</>
+			<Container>
+				<h1 className="text-3xl font-bold">
+					<i className="far fa-heart mr-3 text-pink-600" /> 하트 랭킹
+				</h1>
+				<p className="text-base">하트를 많이 받은 봇들의 순위입니다!</p>
+				<h1 className="text-3xl font-bold">
+					<i className="far fa-star mr-3 mt-10 text-yellow-500" /> 새로운 봇
+				</h1>
+				<p className="text-base">최근에 한국 디스코드봇 리스트에 추가된 따끈따끈한 봇입니다.</p>
+				<h1 className="text-3xl font-bold">
+					<i className="fa fa-check mr-3 mt-10 text-green-500" /> 신뢰된 봇
+				</h1>
+				<p className="text-base">KOREANBOTS에서 인증받은 신뢰할 수 있는 봇들입니다!!</p>
+			</Container>
+		</>
+	)
 }
 
 export default Index
diff --git a/pages/privacy.tsx b/pages/privacy.tsx
index 3cfb998..03d2fce 100644
--- a/pages/privacy.tsx
+++ b/pages/privacy.tsx
@@ -1,127 +1,123 @@
 import { NextPage } from 'next'
 import Docs from '../components/Docs'
 
-const Privacy:NextPage = () => {
-	return <Docs header='개인정보취급방침' description='저희가 개인정보를 취급하는 방침입니다.'>
-		<h2 className='font-medium text-3xl mt-10'>개인정보 처리의 목적</h2>
-		<p>
-        "한국 디스코드봇 리스트"('https://koreanbots.dev')는 다음 목적을 위하여
-        개인정보를 처리하고 있으며, 다음 목적 이외의 용도로는 사용하지 않습니다.
-		</p>
-		<ul className='list-inside list-disc'>
-			<li>웹사이트에 표시 및 서비스 제공</li>
-			<li>빠른 웹사이트 문제 수정</li>
-			<li>사이트와 유저의 보안 유지</li>
-		</ul>
-		<h2 className='font-medium text-3xl mt-10'>수집하는 개인정보 항목</h2>
-		<ul className='list-inside list-disc'>
-			<li>
-          유저: 디스코드 Oauth를 통한 정보(이메일, 디스코드 유저의 ID, 아바타, 유저네임과 태그, 접속해있는 길드), 접속로그(IP주소, 접속 기기정보), 유저의 봇 투표 정보 | 선택항목: Github 닉네임
-			</li>
-			<li>
-          봇: 등록일, ID, 이름, 태그, 디스코드 인증 여부, 소유자, 라이브러리,
-          접두사, 투표정보, 서버 수, 봇 설명, 카테고리, 봇 Status | 선택항목:
-          웹사이트, GIT URL, 초대링크, 디스코드 서버 링크
-			</li>
-		</ul>
-		<h2 className='font-medium text-3xl mt-10'>개인정보 보유 및 이용기간</h2>
-		<p>
-        개인정보는 <strong>서비스 종료시까지 보관을 원칙</strong>으로 하며,
-        유저의 요청시 언제든지 파기할 수 있습니다.
-		</p>
-		<h2 className='font-medium text-3xl mt-10'>이용자 및 법정 대리인의 권리와 행사 방법</h2>
-		<p>
-        회사는 정보통신망법 및 개인정보 보호법 등 관계 법령에서 규정하고 있는
-        이용자의 권리를 충실히 보장합니다.
-		</p>
-		<p>
-        이용자는 언제든지 자신의 개인정보 및 이용 현황을 상시 확인할 수 있으며,
-        동의 철회 및 정정을 요청할 수 있습니다.
-		</p>
-		<h2 className='font-medium text-3xl mt-10'>개인정보의 파기</h2>
-		<p>
-        개인정보의 수집 및 이용 목적이 달성 되면, 수집한 개인정보를 신속하고
-        안전한 방법으로 파기합니다.
-		</p>
-		<h2 className='font-medium text-3xl mt-10'>개인정보 보호책임자</h2>
-		<p>
-        권리 침해와 개인정보 처리와 관한 불만처리 및 피해구제를 위하여 아래와
-        같이 개인정보보호 담당자를 지정하고 있습니다.
-		</p>
-		<h3>개인정보 보호 책임자</h3>
-		<ul className='list-inside list-disc'>
-			<li>성명: 박준서</li>
-			<li>직책: 대표</li>
-			<li>
-          연락처: <a href="mailto:wonderlandpark@callisto.team">메일</a> 혹은
-          디스코드 @wonderlandpark#9999
-			</li>
-		</ul>
-		<h2 className='font-medium text-3xl mt-10'>개인정보 처리방침 변경 시 고지 의무</h2>
-		<p>
-        개인정보 처리방침의 변경이 있는 경우 시행 7일전 사전에 이용자에게
-        고지합니다.
-		</p>
-		<h2 className='font-medium text-3xl mt-10'>정보주체의 권익침해에 대한 구제방법</h2>
-		<p>
-        정보주체는 아래의 기관에 개인정보 침해에 대한 피해구제, 상담 등을 문의할
-        수 있습니다.
-		</p>
-		<p>
-        아래의 기관은 당사와는 별개의 기관으로서, 당사의 자체적인 개인정보
-        불만처리, 피해 구제 결과에 만족하지 못하시거나 보다 자세한 도움이
-        필요하시면 문의하여 주시기 바랍니다.
-		</p>
-		<p>
-        ▶ 개인정보 침해신고센터 (행정안전부, 한국인터넷진흥원 운영)
-			<br />
-        - 소관업무 : 개인정보 침해사실 신고, 상담
-			<br />
-        - 인터넷 신고 : privacy.kisa.or.kr
-			<br />
-        - 전자우편 신고 : privacyclean@kisa.or.kr
-			<br />
-        - 전화 신고 : 118 (ARS 내선 2번)
-			<br />
-        - 팩스 신고 : ☎ 061-820-2619
-			<br />
-        - 방문/우편 신고 : (58324) 전라남도 나주시 진흥길 9(빛가람동 301-2) 3층
-        한국인터넷진흥원 개인정보침해신고센터
-			<br />
-		</p>
-		<p>
-        ▶ 개인정보 분쟁조정위원회
-			<br />
-        - 소관업무 : 개인정보 분쟁조정 및 집단 분쟁조정 신청, 상담
-			<br />
-        - 온라인 신청 : www.kopico.go.kr
-			<br />
-        - 오프라인(우편) 신청 : (03171) 서울특별시 종로구 세종대로 209
-        정부서울청사 4층 개인정보분쟁조정위원회 (☎1833-6972)
-			<br />
-		</p>
-		<p>
-        ▶ 대검찰청 과학수사부 사이버수사과
-			<br />
-        - 소관업무 : 각종 사이버범죄 수사/수사지원 전담
-			<br />
-        - 인터넷 신고 : cybercid@spo.go.kr
-			<br />
-        - 전화 : (국번없이) 1301, 02-3480-3570
-			<br />
-		</p>
-		<p>
-        ▶ 경찰청 사이버안전국
-			<br />
-        - 소관업무 : 개인정보 침해 관련 사이버 범죄 신고, 상담
-			<br />
-        - 인터넷 신고 : cyberbureau.police.go.kr
-			<br />
-        - 전화 : 182(경찰민원 콜센터)
-			<br />
-		</p>
-	</Docs>
+const Privacy: NextPage = () => {
+	return (
+		<Docs header="개인정보취급방침" description="저희가 개인정보를 취급하는 방침입니다.">
+			<h2 className="mt-10 text-3xl font-medium">개인정보 처리의 목적</h2>
+			<p>
+				"한국 디스코드봇 리스트"('https://koreanbots.dev')는 다음 목적을 위하여 개인정보를 처리하고
+				있으며, 다음 목적 이외의 용도로는 사용하지 않습니다.
+			</p>
+			<ul className="list-inside list-disc">
+				<li>웹사이트에 표시 및 서비스 제공</li>
+				<li>빠른 웹사이트 문제 수정</li>
+				<li>사이트와 유저의 보안 유지</li>
+			</ul>
+			<h2 className="mt-10 text-3xl font-medium">수집하는 개인정보 항목</h2>
+			<ul className="list-inside list-disc">
+				<li>
+					유저: 디스코드 Oauth를 통한 정보(이메일, 디스코드 유저의 ID, 아바타, 유저네임과 태그,
+					접속해있는 길드), 접속로그(IP주소, 접속 기기정보), 유저의 봇 투표 정보 | 선택항목: Github
+					닉네임
+				</li>
+				<li>
+					봇: 등록일, ID, 이름, 태그, 디스코드 인증 여부, 소유자, 라이브러리, 접두사, 투표정보, 서버
+					수, 봇 설명, 카테고리, 봇 Status | 선택항목: 웹사이트, GIT URL, 초대링크, 디스코드 서버
+					링크
+				</li>
+			</ul>
+			<h2 className="mt-10 text-3xl font-medium">개인정보 보유 및 이용기간</h2>
+			<p>
+				개인정보는 <strong>서비스 종료시까지 보관을 원칙</strong>으로 하며, 유저의 요청시 언제든지
+				파기할 수 있습니다.
+			</p>
+			<h2 className="mt-10 text-3xl font-medium">이용자 및 법정 대리인의 권리와 행사 방법</h2>
+			<p>
+				회사는 정보통신망법 및 개인정보 보호법 등 관계 법령에서 규정하고 있는 이용자의 권리를 충실히
+				보장합니다.
+			</p>
+			<p>
+				이용자는 언제든지 자신의 개인정보 및 이용 현황을 상시 확인할 수 있으며, 동의 철회 및 정정을
+				요청할 수 있습니다.
+			</p>
+			<h2 className="mt-10 text-3xl font-medium">개인정보의 파기</h2>
+			<p>
+				개인정보의 수집 및 이용 목적이 달성 되면, 수집한 개인정보를 신속하고 안전한 방법으로
+				파기합니다.
+			</p>
+			<h2 className="mt-10 text-3xl font-medium">개인정보 보호책임자</h2>
+			<p>
+				권리 침해와 개인정보 처리와 관한 불만처리 및 피해구제를 위하여 아래와 같이 개인정보보호
+				담당자를 지정하고 있습니다.
+			</p>
+			<h3>개인정보 보호 책임자</h3>
+			<ul className="list-inside list-disc">
+				<li>성명: 박준서</li>
+				<li>직책: 대표</li>
+				<li>
+					연락처: <a href="mailto:wonderlandpark@callisto.team">메일</a> 혹은 디스코드
+					@wonderlandpark#9999
+				</li>
+			</ul>
+			<h2 className="mt-10 text-3xl font-medium">개인정보 처리방침 변경 시 고지 의무</h2>
+			<p>개인정보 처리방침의 변경이 있는 경우 시행 7일전 사전에 이용자에게 고지합니다.</p>
+			<h2 className="mt-10 text-3xl font-medium">정보주체의 권익침해에 대한 구제방법</h2>
+			<p>정보주체는 아래의 기관에 개인정보 침해에 대한 피해구제, 상담 등을 문의할 수 있습니다.</p>
+			<p>
+				아래의 기관은 당사와는 별개의 기관으로서, 당사의 자체적인 개인정보 불만처리, 피해 구제
+				결과에 만족하지 못하시거나 보다 자세한 도움이 필요하시면 문의하여 주시기 바랍니다.
+			</p>
+			<p>
+				▶ 개인정보 침해신고센터 (행정안전부, 한국인터넷진흥원 운영)
+				<br />
+				- 소관업무 : 개인정보 침해사실 신고, 상담
+				<br />
+				- 인터넷 신고 : privacy.kisa.or.kr
+				<br />
+				- 전자우편 신고 : privacyclean@kisa.or.kr
+				<br />
+				- 전화 신고 : 118 (ARS 내선 2번)
+				<br />
+				- 팩스 신고 : ☎ 061-820-2619
+				<br />
+				- 방문/우편 신고 : (58324) 전라남도 나주시 진흥길 9(빛가람동 301-2) 3층 한국인터넷진흥원
+				개인정보침해신고센터
+				<br />
+			</p>
+			<p>
+				▶ 개인정보 분쟁조정위원회
+				<br />
+				- 소관업무 : 개인정보 분쟁조정 및 집단 분쟁조정 신청, 상담
+				<br />
+				- 온라인 신청 : www.kopico.go.kr
+				<br />
+				- 오프라인(우편) 신청 : (03171) 서울특별시 종로구 세종대로 209 정부서울청사 4층
+				개인정보분쟁조정위원회 (☎1833-6972)
+				<br />
+			</p>
+			<p>
+				▶ 대검찰청 과학수사부 사이버수사과
+				<br />
+				- 소관업무 : 각종 사이버범죄 수사/수사지원 전담
+				<br />
+				- 인터넷 신고 : cybercid@spo.go.kr
+				<br />
+				- 전화 : (국번없이) 1301, 02-3480-3570
+				<br />
+			</p>
+			<p>
+				▶ 경찰청 사이버안전국
+				<br />
+				- 소관업무 : 개인정보 침해 관련 사이버 범죄 신고, 상담
+				<br />
+				- 인터넷 신고 : cyberbureau.police.go.kr
+				<br />
+				- 전화 : 182(경찰민원 콜센터)
+				<br />
+			</p>
+		</Docs>
+	)
 }
 
-
 export default Privacy
diff --git a/utils/Day.ts b/utils/Day.ts
index 057270c..801a383 100644
--- a/utils/Day.ts
+++ b/utils/Day.ts
@@ -4,4 +4,4 @@ import relativeTime from 'dayjs/plugin/relativeTime'
 Day.extend(relativeTime)
 Day.locale('ko')
 
-export default Day
\ No newline at end of file
+export default Day
diff --git a/utils/Fetch.ts b/utils/Fetch.ts
index f601761..085a108 100644
--- a/utils/Fetch.ts
+++ b/utils/Fetch.ts
@@ -3,13 +3,15 @@ import * as Query from './Query'
 
 const Fetch = {
 	bot: new DataLoader(
-		async (ids: string[]) => (await Promise.all(ids.map((el: string) => Query.getBot(el)))).map(row => ({ ...row })),
+		async (ids: string[]) =>
+			(await Promise.all(ids.map((el: string) => Query.getBot(el)))).map(row => ({ ...row })),
 		{
 			batchScheduleFn: callback => setTimeout(callback, 1000),
 		}
 	),
 	user: new DataLoader(
-		async (ids: string[]) => (await Promise.all(ids.map((el: string) => Query.getUser(el)))).map(row => ({ ...row })),
+		async (ids: string[]) =>
+			(await Promise.all(ids.map((el: string) => Query.getUser(el)))).map(row => ({ ...row })),
 		{
 			batchScheduleFn: callback => setTimeout(callback, 1000),
 		}
diff --git a/utils/Query.ts b/utils/Query.ts
index e471cff..9e8c6f4 100644
--- a/utils/Query.ts
+++ b/utils/Query.ts
@@ -17,29 +17,61 @@ export const knex = knsexy({
 	},
 })
 
-export async function getBot(id: string, owners=true):Promise<Bot> {
-	const res = await knex('bots').select(['id', 'owners', 'lib', 'prefix', 'votes', 'servers', 'intro', 'desc', 'web', 'git', 'url', 'category', 'status', 'name', 'avatar', 'tag', 'verified', 'trusted', 'partnered', 'discord', 'boosted', 'state', 'vanity', 'bg', 'banner']).where({ id }).orWhere({ vanity: id, boosted: 1 })
-	if(res[0]) {
+export async function getBot(id: string, owners = true): Promise<Bot> {
+	const res = await knex('bots')
+		.select([
+			'id',
+			'owners',
+			'lib',
+			'prefix',
+			'votes',
+			'servers',
+			'intro',
+			'desc',
+			'web',
+			'git',
+			'url',
+			'category',
+			'status',
+			'name',
+			'avatar',
+			'tag',
+			'verified',
+			'trusted',
+			'partnered',
+			'discord',
+			'boosted',
+			'state',
+			'vanity',
+			'bg',
+			'banner',
+		])
+		.where({ id })
+		.orWhere({ vanity: id, boosted: 1 })
+	if (res[0]) {
 		res[0].category = JSON.parse(res[0].category)
 		res[0].owners = JSON.parse(res[0].owners)
-		if(owners) res[0].owners = await Promise.all(res[0].owners.map(async (u: string) => await getUser(u)))
-		res[0].owners = res[0].owners.filter((el: User|null)=> el).map((row: User)=> ({...row}))
-		res[0].vanity = res[0].vanity && ( res[0].boosted || res[0].trusted || res[0].partnered )
-    
+		if (owners)
+			res[0].owners = await Promise.all(res[0].owners.map(async (u: string) => await getUser(u)))
+		res[0].owners = res[0].owners.filter((el: User | null) => el).map((row: User) => ({ ...row }))
+		res[0].vanity = res[0].vanity && (res[0].boosted || res[0].trusted || res[0].partnered)
 	}
-  
+
 	return res[0] || null
 }
 
-export async function getUser(id: string, bots=true):Promise<User> {
-	const res = await knex('users').select(['id', 'avatar', 'tag', 'username', 'perm', 'github']).where({ id })
-	if(res[0]) {
-		const owned = await knex('bots').select(['id']).where('owners', 'like', `%${id}%`)
-		if(bots) res[0].bots = await Promise.all(owned.map(async b=> await getBot(b.id, false)))
-		else res[0].bots = owned.map(async b=> b.id)
-		res[0].bots = res[0].bots.filter((el:Bot|null)=> el).map((row: User)=> ({...row}))
+export async function getUser(id: string, bots = true): Promise<User> {
+	const res = await knex('users')
+		.select(['id', 'avatar', 'tag', 'username', 'perm', 'github'])
+		.where({ id })
+	if (res[0]) {
+		const owned = await knex('bots')
+			.select(['id'])
+			.where('owners', 'like', `%${id}%`)
+		if (bots) res[0].bots = await Promise.all(owned.map(async b => await getBot(b.id, false)))
+		else res[0].bots = owned.map(async b => b.id)
+		res[0].bots = res[0].bots.filter((el: Bot | null) => el).map((row: User) => ({ ...row }))
 	}
-  
+
 	return res[0] || null
-  
 }