diff --git a/themes/typography/components/BlogArchiveItem.js b/themes/typography/components/BlogArchiveItem.js
index fd16d6ab..c4be6c66 100644
--- a/themes/typography/components/BlogArchiveItem.js
+++ b/themes/typography/components/BlogArchiveItem.js
@@ -17,16 +17,15 @@ export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
           return (
             <li
               key={post.id}
-              className='border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500'>
-              <div id={post?.publishDay}>
-                <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
-                &nbsp;
+              className='p-1 pl-0 text-xs md:text-base items-center '>
+              <div id={post?.publishDay} className='flex justify-between'>
                 <Link
                   href={post?.href}
                   passHref
                   className='dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                   {post.title}
                 </Link>
+                <span className='text-gray-400'>{post.date?.start_date}</span>
               </div>
             </li>
           )
diff --git a/themes/typography/components/BlogItem.js b/themes/typography/components/BlogItem.js
index 692141fa..aed75761 100644
--- a/themes/typography/components/BlogItem.js
+++ b/themes/typography/components/BlogItem.js
@@ -15,7 +15,7 @@ export const BlogItem = props => {
   const showPreview =
     siteConfig('POST_LIST_PREVIEW', false, NOTION_CONFIG) && post.blockMap
   return (
-    <div key={post.id} className='h-42 my-6 pb-7'>
+    <div key={post.id} className='h-42 mt-6 mb-10'>
       {/* 文章标题 */}
 
       <div className='flex'>
@@ -46,7 +46,7 @@ export const BlogItem = props => {
           </h2>
 
           {/* 文章信息 */}
-          <header className='mb-5 text-md text-[var(--primary-color)] dark:text-gray-300 flex-wrap flex items-center leading-6'>
+          <header className='text-md text-[var(--primary-color)] dark:text-gray-300 flex-wrap flex items-center leading-6'>
             <div className='space-x-2'>
               <span className='text-sm'>
                 发布于
@@ -81,7 +81,7 @@ export const BlogItem = props => {
             </div>
           </header>
 
-          <main className='text-[var(--primary-color)] dark:text-gray-300 mb-6 line-clamp-4 overflow-hidden text-ellipsis relative leading-[1.7]'>
+          <main className='text-[var(--primary-color)] dark:text-gray-300 line-clamp-4 overflow-hidden text-ellipsis relative leading-[1.7]'>
             {!showPreview && (
               <>
                 {post.summary}