diff --git a/components/InfoCard.js b/components/InfoCard.js
index 27e03a23..da214ec8 100644
--- a/components/InfoCard.js
+++ b/components/InfoCard.js
@@ -5,7 +5,7 @@ import React from 'react'
 
 const InfoCard = ({ postCount }) => {
   return <>
-    <div className='flex flex-col items-center justify-center cursor-pointer py-6' onClick={ () => { Router.push('/') }}>
+    <div className='flex flex-col items-center justify-center cursor-pointer' onClick={ () => { Router.push('/') }}>
         <div className='hover:rotate-45 hover:scale-125 transform duration-200'>
           <Image
           alt={BLOG.title}
diff --git a/pages/_document.js b/pages/_document.js
index 9fe7f67b..b9d762a3 100644
--- a/pages/_document.js
+++ b/pages/_document.js
@@ -18,7 +18,7 @@ class MyDocument extends Document {
           <ThirdPartyScript />
         </Head>
 
-        <body className='bg-gray-200 dark:bg-black duration-200'>
+        <body className='bg-gray-100 dark:bg-gray-900 duration-200'>
           <Main />
           <NextScript />
         </body>
