diff --git a/frontend/src/pages/annotate.js b/frontend/src/pages/annotate.js
index e0fc0ee..fa61258 100644
--- a/frontend/src/pages/annotate.js
+++ b/frontend/src/pages/annotate.js
@@ -107,6 +107,7 @@ class Annotate extends React.Component {
           reference_transcription,
           is_marked_for_review,
           segmentations,
+          original_filename,
           filename,
         } = response[1].data;
 
@@ -126,6 +127,7 @@ class Annotate extends React.Component {
           isDataLoading: false,
           referenceTranscription: reference_transcription,
           isMarkedForReview: is_marked_for_review,
+          original_filename,
           filename,
         });
 
@@ -353,7 +355,7 @@ class Annotate extends React.Component {
       isPlaying,
       labels,
       isDataLoading,
-      filename,
+      original_filename,
       isMarkedForReview,
       referenceTranscription,
       selectedSegment,
@@ -368,6 +370,11 @@ class Annotate extends React.Component {
           <title>Annotate</title>
         </Helmet>
         <div className="container h-100">
+          {!isDataLoading ? (
+            <div className="row justify-content-md-center my-4 font-weight-bold h4">
+              {original_filename}
+            </div>
+          ) : null}
           <div className="h-100 mt-5 text-center">
             {errorMessage ? (
               <Alert
@@ -391,9 +398,6 @@ class Annotate extends React.Component {
             </div>
             {!isDataLoading ? (
               <div>
-                <div className="row justify-content-md-center my-4">
-                  {filename}
-                </div>
                 <div className="row justify-content-md-center my-4">
                   <div className="col-1">
                     <IconButton