diff --git a/packages/docusaurus-theme-classic/src/theme/BlogListPage/index.tsx b/packages/docusaurus-theme-classic/src/theme/BlogListPage/index.tsx
index d5f65fb6fb..f568f1961c 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogListPage/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/BlogListPage/index.tsx
@@ -23,7 +23,10 @@ function BlogListPage(props: Props): JSX.Element {
   const isBlogOnlyMode = permalink === '/';
   const title = isBlogOnlyMode ? siteTitle : blogTitle;
   return (
-    <Layout title={title} description={blogDescription}>
+    <Layout
+      title={title}
+      description={blogDescription}
+      wrapperClassName="blog-wrapper">
       <div className="container margin-vert--lg">
         <div className="row">
           <div className="col col--2">
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostPage/index.tsx b/packages/docusaurus-theme-classic/src/theme/BlogPostPage/index.tsx
index dfeedf3b8e..39f6652bc7 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogPostPage/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/BlogPostPage/index.tsx
@@ -21,7 +21,10 @@ function BlogPostPage(props: Props): JSX.Element {
   const {hide_table_of_contents: hideTableOfContents} = frontMatter;
 
   return (
-    <Layout title={title} description={description}>
+    <Layout
+      title={title}
+      description={description}
+      wrapperClassName="blog-wrapper">
       {BlogPostContents && (
         <div className="container margin-vert--lg">
           <div className="row">
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogTagsListPage/index.tsx b/packages/docusaurus-theme-classic/src/theme/BlogTagsListPage/index.tsx
index 89cbde8bef..b596771243 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogTagsListPage/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/BlogTagsListPage/index.tsx
@@ -50,7 +50,10 @@ function BlogTagsListPage(props: Props): JSX.Element {
     .filter((item) => item != null);
 
   return (
-    <Layout title="Tags" description="Blog Tags">
+    <Layout
+      title="Tags"
+      description="Blog Tags"
+      wrapperClassName="blog-wrapper">
       <div className="container margin-vert--lg">
         <div className="row">
           <div className="col col--2">
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.tsx b/packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.tsx
index d086394e34..6b87207e31 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.tsx
@@ -24,7 +24,8 @@ function BlogTagsPostPage(props: Props): JSX.Element {
   return (
     <Layout
       title={`Posts tagged "${tagName}"`}
-      description={`Blog | Tagged "${tagName}"`}>
+      description={`Blog | Tagged "${tagName}"`}
+      wrapperClassName="blog-wrapper">
       <div className="container margin-vert--lg">
         <div className="row">
           <div className="col col--2">