diff --git a/CHANGELOG.md b/CHANGELOG.md
index c52e1a0870..5784b8d375 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,8 @@ Our versioning strategy is as follows:
 
 ### 🐛 Bug Fixes
 
+* `[templates/nextjs-sxa]` The caption of image component has been fixed. ([#1874](https://github.com/Sitecore/jss/pull/1874))
+
 ### 🎉 New Features & Improvements
 
 * `[create-sitecore-jss]` Introduced "node-xmcloud-proxy" addon ([#1863](https://github.com/Sitecore/jss/pull/1863))
diff --git a/packages/create-sitecore-jss/src/templates/angular-xmcloud/src/assets/styles/sass/components/_component-image.scss b/packages/create-sitecore-jss/src/templates/angular-xmcloud/src/assets/styles/sass/components/_component-image.scss
index f37254504b..a0a6d94abe 100644
--- a/packages/create-sitecore-jss/src/templates/angular-xmcloud/src/assets/styles/sass/components/_component-image.scss
+++ b/packages/create-sitecore-jss/src/templates/angular-xmcloud/src/assets/styles/sass/components/_component-image.scss
@@ -9,7 +9,7 @@
         display: inline-block;
         max-width: 100%;
     }
-    .image-caption {
+    span {
         display: block;
         font-style: italic;
         font-size: $font-small;
diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/_component-image.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/_component-image.scss
index aa19d6901e..6ba173f4b1 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/_component-image.scss
+++ b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/_component-image.scss
@@ -9,7 +9,7 @@
         display: inline-block;
         max-width: 100%;
     }
-    .image-caption {
+    span {
         display: block;
         font-style: italic;
         font-size: $font-small;