diff --git a/ui/v2.5/src/components/Galleries/GalleryDetails/GalleryDetailPanel.tsx b/ui/v2.5/src/components/Galleries/GalleryDetails/GalleryDetailPanel.tsx
index dbd7908b4..46f00b4e1 100644
--- a/ui/v2.5/src/components/Galleries/GalleryDetails/GalleryDetailPanel.tsx
+++ b/ui/v2.5/src/components/Galleries/GalleryDetails/GalleryDetailPanel.tsx
@@ -21,7 +21,9 @@ export const GalleryDetailPanel: React.FC<IGalleryDetailProps> = ({
     if (!gallery.details) return;
     return (
       <>
-        <h6>Details</h6>
+        <h6>
+          <FormattedMessage id="details" />
+        </h6>
         <p className="pre">{gallery.details}</p>
       </>
     );
@@ -34,7 +36,12 @@ export const GalleryDetailPanel: React.FC<IGalleryDetailProps> = ({
     ));
     return (
       <>
-        <h6>Tags</h6>
+        <h6>
+          <FormattedMessage
+            id="countables.tags"
+            values={{ count: gallery.tags.length }}
+          />
+        </h6>
         {tags}
       </>
     );
@@ -53,7 +60,12 @@ export const GalleryDetailPanel: React.FC<IGalleryDetailProps> = ({
 
     return (
       <>
-        <h6>Performers</h6>
+        <h6>
+          <FormattedMessage
+            id="countables.performers"
+            values={{ count: gallery.performers.length }}
+          />
+        </h6>
         <div className="row justify-content-center gallery-performers">
           {cards}
         </div>
@@ -83,7 +95,8 @@ export const GalleryDetailPanel: React.FC<IGalleryDetailProps> = ({
           ) : undefined}
           {gallery.rating ? (
             <h6>
-              Rating: <RatingStars value={gallery.rating} />
+              <FormattedMessage id="rating" />:{" "}
+              <RatingStars value={gallery.rating} />
             </h6>
           ) : (
             ""
diff --git a/ui/v2.5/src/components/Images/ImageDetails/ImageDetailPanel.tsx b/ui/v2.5/src/components/Images/ImageDetails/ImageDetailPanel.tsx
index e15fd5683..1852cd3b1 100644
--- a/ui/v2.5/src/components/Images/ImageDetails/ImageDetailPanel.tsx
+++ b/ui/v2.5/src/components/Images/ImageDetails/ImageDetailPanel.tsx
@@ -22,7 +22,12 @@ export const ImageDetailPanel: React.FC<IImageDetailProps> = (props) => {
     ));
     return (
       <>
-        <h6>Tags</h6>
+        <h6>
+          <FormattedMessage
+            id="countables.tags"
+            values={{ count: props.image.tags.length }}
+          />
+        </h6>
         {tags}
       </>
     );
@@ -37,7 +42,12 @@ export const ImageDetailPanel: React.FC<IImageDetailProps> = (props) => {
 
     return (
       <>
-        <h6>Performers</h6>
+        <h6>
+          <FormattedMessage
+            id="countables.performers"
+            values={{ count: props.image.performers.length }}
+          />
+        </h6>
         <div className="row justify-content-center image-performers">
           {cards}
         </div>
@@ -52,7 +62,12 @@ export const ImageDetailPanel: React.FC<IImageDetailProps> = (props) => {
     ));
     return (
       <>
-        <h6>Galleries</h6>
+        <h6>
+          <FormattedMessage
+            id="countables.galleries"
+            values={{ count: props.image.galleries.length }}
+          />
+        </h6>
         {tags}
       </>
     );
@@ -77,7 +92,8 @@ export const ImageDetailPanel: React.FC<IImageDetailProps> = (props) => {
           </div>
           {props.image.rating ? (
             <h6>
-              Rating: <RatingStars value={props.image.rating} />
+              <FormattedMessage id="rating" />:{" "}
+              <RatingStars value={props.image.rating} />
             </h6>
           ) : (
             ""
@@ -85,7 +101,7 @@ export const ImageDetailPanel: React.FC<IImageDetailProps> = (props) => {
           {renderGalleries()}
           {props.image.file.width && props.image.file.height ? (
             <h6>
-              Resolution:{" "}
+              <FormattedMessage id="resolution" />:{" "}
               {TextUtils.resolution(
                 props.image.file.width,
                 props.image.file.height