diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue
index bfe7ee6a..8680267b 100644
--- a/src/components/media_modal/media_modal.vue
+++ b/src/components/media_modal/media_modal.vue
@@ -68,7 +68,7 @@
     <span
       class="counter"
     >
-      {{ currentIndex + 1 }} / {{ media.length }}
+      {{ $tc('media_modal.counter', currentIndex + 1, { current: currentIndex + 1, total: media.length }) }}
     </span>
     <span
       v-if="loading"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 716fff66..8eb7fcc6 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -118,7 +118,8 @@
   },
   "media_modal": {
     "previous": "Previous",
-    "next": "Next"
+    "next": "Next",
+    "counter": "{current} / {total}"
   },
   "nav": {
     "about": "About",