diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js
index 80c0dba90ca3..cf2bbec829d3 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js
@@ -48,9 +48,9 @@ function BlogPostItem(props) {
           <Link to={permalink}>{title}</Link>
         </h1>
         <div className="margin-bottom--sm">
-          <small>
+          <time dateTime={date} className={styles.blogPostDate}>
             {month} {day}, {year}
-          </small>
+          </time>
         </div>
         <div className="avatar margin-bottom--md">
           {authorImageURL && (
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css
index bda763c7ada6..69c517fda7f0 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css
@@ -8,3 +8,7 @@
 .blogPostTitle {
   font-size: 3rem;
 }
+
+.blogPostDate {
+  font-size: 0.9rem;
+}