diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue
index fbaa97f8cb..306c1a890c 100644
--- a/src/components/media_modal/media_modal.vue
+++ b/src/components/media_modal/media_modal.vue
@@ -8,8 +8,8 @@
       :controls="true"
       @click.stop.native="">
     </VideoAttachment>
-    <button title="Previous" class="modal-view-button-arrow modal-view-button-arrow--prev" v-if="canNavigate" @click.stop.prevent="goPrev"></button>
-    <button title="Next" class="modal-view-button-arrow modal-view-button-arrow--next" v-if="canNavigate" @click.stop.prevent="goNext"></button>
+    <button :title="$t('media_modal.previous')" class="modal-view-button-arrow modal-view-button-arrow--prev" v-if="canNavigate" @click.stop.prevent="goPrev"></button>
+    <button :title="$t('media_modal.next')" class="modal-view-button-arrow modal-view-button-arrow--next" v-if="canNavigate" @click.stop.prevent="goNext"></button>
   </div>
 </template>
 
@@ -65,7 +65,7 @@
       outline: none;
       box-shadow: none;
     }
-    
+
     &#{&}#{&} {
       &:hover {
         opacity: 1;
diff --git a/src/i18n/en.json b/src/i18n/en.json
index c664fbfaeb..14e2a699a2 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -31,6 +31,10 @@
     "username": "Username",
     "hint": "Log in to join the discussion"
   },
+  "media_modal": {
+    "previous": "Previous",
+    "next": "Next"
+  },
   "nav": {
     "about": "About",
     "back": "Back",