diff --git a/pages/index.tsx b/pages/index.tsx
index 2a7343e..7d10b08 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -28,7 +28,7 @@ const Index: NextPage<IndexProps> = ({ votes, newBots, trusted }) => {
 					<i className="far fa-heart mr-3 text-pink-600" /> 하트 랭킹
 				</h1>
 				<p className="text-base">하트를 많이 받은 봇들의 순위입니다!</p>
-				<div className='grid gap-4 lg:grid-cols-4 mt-10'>
+				<div className='grid gap-4 2xl:grid-cols-4 md:grid-cols-2 mt-10'>
 					{
 						votes.data.slice(0, 8).map(bot=> <BotCard key={bot.id} bot={bot} />)
 					}
@@ -40,7 +40,7 @@ const Index: NextPage<IndexProps> = ({ votes, newBots, trusted }) => {
 					<i className="far fa-star mr-3 text-yellow-500" /> 새로운 봇
 				</h1>
 				<p className="text-base">최근에 한국 디스코드봇 리스트에 추가된 따끈따끈한 봇입니다.</p>
-				<div className='grid gap-4 lg:grid-cols-4 mt-10'>
+				<div className='grid gap-4 2xl:grid-cols-4 md:grid-cols-2 mt-10'>
 					{
 						newBots.data.slice(0, 4).map(bot=> <BotCard key={bot.id} bot={bot} />)
 					}
@@ -49,7 +49,7 @@ const Index: NextPage<IndexProps> = ({ votes, newBots, trusted }) => {
 					<i className="fa fa-check mr-3 mt-10 text-green-500" /> 신뢰된 봇
 				</h1>
 				<p className="text-base">KOREANBOTS에서 인증받은 신뢰할 수 있는 봇들입니다!!</p>
-				<div className='grid gap-4 lg:grid-cols-4 mt-10'>
+				<div className='grid gap-4 2xl:grid-cols-4 md:grid-cols-2 mt-10'>
 					{
 						trusted.data.slice(0, 4).map(bot=> <BotCard key={bot.id} bot={bot} />)
 					}
diff --git a/pages/users/[id].tsx b/pages/users/[id].tsx
index 0ea0481..b8803db 100644
--- a/pages/users/[id].tsx
+++ b/pages/users/[id].tsx
@@ -77,7 +77,7 @@ const Users: NextPage<UserProps> = ({ data }) => {
 			</div>
 			<Divider />
 			<h2 className="mt-8 text-3xl font-bold">제작한 봇</h2>
-			<div className="grid gap-4 mt-20 lg:grid-cols-4">
+			<div className="grid gap-4 mt-20 2xl:grid-cols-4 md:grid-cols-2">
 				{(data.bots as Bot[]).map((bot: Bot) => (
 					<BotCard key={bot.id} bot={bot} />
 				))}