diff --git a/packages/vuepress-theme-reco/components/Page.vue b/packages/vuepress-theme-reco/components/Page.vue
index 4853922..48ea3dc 100644
--- a/packages/vuepress-theme-reco/components/Page.vue
+++ b/packages/vuepress-theme-reco/components/Page.vue
@@ -238,7 +238,7 @@ function flatten (items, res) {
   padding-bottom 2rem
   display block
   .page-title
-    max-width: 740px;
+    max-width: $contentWidth;
     margin: 0 auto;
     padding: 1rem 2.5rem;
     color var(--text-color)
diff --git a/packages/vuepress-theme-reco/layouts/Category.vue b/packages/vuepress-theme-reco/layouts/Category.vue
index 71fb815..f68f00c 100644
--- a/packages/vuepress-theme-reco/layouts/Category.vue
+++ b/packages/vuepress-theme-reco/layouts/Category.vue
@@ -108,7 +108,7 @@ export default {
 <style lang="stylus" scoped>
 @require '../styles/mode.styl'
 .categories-wrapper
-  max-width: 740px;
+  max-width: $contentWidth;
   margin: 0 auto;
   padding: 4.6rem 2.5rem 0;
   .category-wrapper {
diff --git a/packages/vuepress-theme-reco/layouts/Tag.vue b/packages/vuepress-theme-reco/layouts/Tag.vue
index 0bcfdf8..655392d 100644
--- a/packages/vuepress-theme-reco/layouts/Tag.vue
+++ b/packages/vuepress-theme-reco/layouts/Tag.vue
@@ -103,7 +103,7 @@ export default {
 <style lang="stylus" scoped>
 @require '../styles/mode.styl'
 .tag-wrapper
-  max-width: 740px;
+  max-width: $contentWidth;
   margin: 0 auto;
   padding: 4.6rem 2.5rem 0;
 
diff --git a/packages/vuepress-theme-reco/layouts/Tags.vue b/packages/vuepress-theme-reco/layouts/Tags.vue
index 96ba7c5..cd375a3 100644
--- a/packages/vuepress-theme-reco/layouts/Tags.vue
+++ b/packages/vuepress-theme-reco/layouts/Tags.vue
@@ -92,7 +92,7 @@ export default {
 
 <style lang="stylus" scoped>
 .tags-wrapper
-  max-width: 740px;
+  max-width: $contentWidth
   margin: 0 auto;
   padding: 4.6rem 2.5rem 0;
 
diff --git a/packages/vuepress-theme-reco/layouts/TimeLines.vue b/packages/vuepress-theme-reco/layouts/TimeLines.vue
index 30dd5f2..64b4e6d 100644
--- a/packages/vuepress-theme-reco/layouts/TimeLines.vue
+++ b/packages/vuepress-theme-reco/layouts/TimeLines.vue
@@ -58,7 +58,7 @@ export default {
 @require '../styles/wrapper.styl'
 
 .timeline-wrapper
-  max-width: 740px;
+  max-width: $contentWidth;
   margin: 0 auto;
   padding: 4.6rem 2.5rem 0;
   .timeline-content