diff --git a/themes/heo/components/Logo.js b/themes/heo/components/Logo.js
index 5e45f4af..b6321836 100644
--- a/themes/heo/components/Logo.js
+++ b/themes/heo/components/Logo.js
@@ -14,7 +14,7 @@ const Logo = props => {
                     <div className='group-hover:opacity-0 opacity-100 visible group-hover:invisible text-lg my-auto rounded dark:border-white duration-200'>
                         {siteInfo?.title || BLOG.TITLE}
                     </div>
-                    <div className='flex justify-center rounded-2xl group-hover:bg-indigo-600 w-full group-hover:opacity-100 opacity-0 invisible group-hover:visible absolute top-0 px-8 py-1 duration-200'>
+                    <div className='flex justify-center rounded-2xl group-hover:bg-indigo-600 w-full group-hover:opacity-100 opacity-0 invisible group-hover:visible absolute top-0 py-1 duration-200'>
                         <Home className={'w-6 h-6 stroke-white stroke-2 '}/>
                     </div>
                 </div>