diff --git a/themes/next/components/SocialButton.js b/themes/next/components/SocialButton.js
index 5557e88e..b60e7a50 100644
--- a/themes/next/components/SocialButton.js
+++ b/themes/next/components/SocialButton.js
@@ -8,7 +8,7 @@ import React from 'react'
  */
 const SocialButton = () => {
   return <div className='w-52 justify-center flex-wrap flex'>
-    <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 '>
+    <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 text-center'>
       {BLOG.CONTACT_GITHUB && <a target='_blank' rel='noreferrer' title={'github'} href={BLOG.CONTACT_GITHUB} >
         <i className='fab fa-github transform hover:scale-125 duration-150'/>
       </a>}