diff --git a/themes/next/components/InfoCard.js b/themes/next/components/InfoCard.js
index 6ddde9c4..5bbed271 100644
--- a/themes/next/components/InfoCard.js
+++ b/themes/next/components/InfoCard.js
@@ -12,7 +12,7 @@ const InfoCard = (props) => {
         <img src={siteInfo?.icon} className='rounded-full' width={120}/>
         </div>
         <div className='text-2xl font-serif dark:text-white py-2 hover:scale-105 transform duration-200'>{BLOG.AUTHOR}</div>
-        <div className='font-light dark:text-white py-2 hover:scale-105 transform duration-200'>{BLOG.BIO}</div>
+        <div className='font-light dark:text-white py-2 hover:scale-105 transform duration-200 text-center'>{BLOG.BIO}</div>
         <SocialButton/>
     </div>
   </>
diff --git a/themes/next/components/Logo.js b/themes/next/components/Logo.js
index 8169b624..46cb814e 100644
--- a/themes/next/components/Logo.js
+++ b/themes/next/components/Logo.js
@@ -6,7 +6,7 @@ const Logo = props => {
   return <Link href='/' passHref>
     <div className={'flex flex-col justify-center items-center cursor-pointer bg-black space-y-3 font-bold ' + className}>
       <div className='font-serif text-xl text-white'> {siteInfo?.title}</div>
-      <div className='text-sm text-gray-300 font-light'> {siteInfo?.description}</div>
+      <div className='text-sm text-gray-300 font-light text-center'> {siteInfo?.description}</div>
     </div>
   </Link>
 }