diff --git a/packages/@vuepress/core/lib/client/components/ContentSlotsDistributor.js b/packages/@vuepress/core/lib/client/components/ContentSlotsDistributor.js
index 4de753a566..857b3e41de 100644
--- a/packages/@vuepress/core/lib/client/components/ContentSlotsDistributor.js
+++ b/packages/@vuepress/core/lib/client/components/ContentSlotsDistributor.js
@@ -8,8 +8,7 @@ export default {
     return h('div',
       {
         class: [
-          'content',
-          props.slotKey
+          `content__${props.slotKey}`
         ]
       },
       slots()[props.slotKey]
diff --git a/packages/@vuepress/theme-default/components/Home.vue b/packages/@vuepress/theme-default/components/Home.vue
index 518595003a..833bcbb6e1 100644
--- a/packages/@vuepress/theme-default/components/Home.vue
+++ b/packages/@vuepress/theme-default/components/Home.vue
@@ -38,7 +38,7 @@
       </div>
     </div>
 
-    <Content class="custom"/>
+    <Content class="content custom"/>
 
     <div
       class="footer"
diff --git a/packages/@vuepress/theme-default/components/Page.vue b/packages/@vuepress/theme-default/components/Page.vue
index 0fc71105ca..4061a3d661 100644
--- a/packages/@vuepress/theme-default/components/Page.vue
+++ b/packages/@vuepress/theme-default/components/Page.vue
@@ -2,7 +2,7 @@
   <main class="page">
     <slot name="top"/>
 
-    <Content/>
+    <Content class="content"/>
 
     <footer class="page-edit">
       <div