diff --git a/themes/magzine/components/ArticleInfo.js b/themes/magzine/components/ArticleInfo.js
index 782f2e952e2..4f128cd98b6 100644
--- a/themes/magzine/components/ArticleInfo.js
+++ b/themes/magzine/components/ArticleInfo.js
@@ -15,7 +15,7 @@ export default function ArticleInfo(props) {
   return (
     <>
       <div className='flex flex-col gap-y-4 py-4 px-2 lg:px-0'>
-        <div className='flex justify-center items-center'>
+        <div className='flex justify-center items-center space-x-1'>
           {siteConfig('MAGZINE_POST_LIST_CATEGORY') && (
             <CategoryItem category={post?.category} />
           )}
diff --git a/themes/magzine/components/PostItemCardTop.js b/themes/magzine/components/PostItemCardTop.js
index df13537e25d..9462507f71c 100644
--- a/themes/magzine/components/PostItemCardTop.js
+++ b/themes/magzine/components/PostItemCardTop.js
@@ -45,7 +45,7 @@ const PostItemCardTop = ({ post, showSummary }) => {
             </Link>
           )}
 
-        <div className='flex py-2 mr-2 items-center'>
+        <div className='flex py-2 space-x-1 items-center'>
           {siteConfig('MAGZINE_POST_LIST_CATEGORY') && (
             <CategoryItem category={post?.category} />
           )}