diff --git a/themes/typography/components/BlogItem.js b/themes/typography/components/BlogItem.js
index ccbcac51..c1c2a404 100644
--- a/themes/typography/components/BlogItem.js
+++ b/themes/typography/components/BlogItem.js
@@ -37,7 +37,7 @@ export const BlogItem = props => {
           <h2 className='mb-2'>
             <Link
               href={post.href}
-              className='text-xl underline decoration-2 font-bold text-[var(--primary-color)] dark:text-white dark:hover:bg-white dark:hover:text-[var(--primary-color)] px-2 duration-200 transition-all rounded-sm'>
+              className='text-xl underline decoration-2 font-bold text-[var(--primary-color)] dark:text-white dark:hover:bg-white dark:hover:text-[var(--primary-color)] px-2 duration-200 transition-all rounded-sm p-0'>
               {siteConfig('POST_TITLE_ICON') && (
                 <NotionIcon icon={post.pageIcon} />
               )}
diff --git a/themes/typography/index.js b/themes/typography/index.js
index 62b9ee5c..8dce7ccc 100644
--- a/themes/typography/index.js
+++ b/themes/typography/index.js
@@ -183,7 +183,7 @@ const LayoutArchive = props => {
   const { archivePosts } = props
   return (
     <>
-      <div className='mb-10 pb-20 md:pb-12 p-3  min-h-screen w-full'>
+      <div className='mb-10 pb-20 md:pb-12 p-5  min-h-screen w-full'>
         {Object.keys(archivePosts).map(archiveTitle => (
           <BlogArchiveItem
             key={archiveTitle}
@@ -283,7 +283,7 @@ const LayoutCategoryIndex = props => {
   const { categoryOptions } = props
   return (
     <>
-      <div id='category-list' className='duration-200 flex flex-wrap'>
+      <div id='category-list' className='px-5 duration-200 flex flex-wrap'>
         {categoryOptions?.map(category => {
           return (
             <Link
@@ -315,7 +315,7 @@ const LayoutTagIndex = props => {
   const { tagOptions } = props
   return (
     <>
-      <div id='tags-list' className='duration-200 flex flex-wrap'>
+      <div id='tags-list' className='px-5 duration-200 flex flex-wrap'>
         {tagOptions.map(tag => {
           return (
             <div key={tag.name} className='p-2'>