diff --git a/frontend/src/static/js/pages/MediaPage.js b/frontend/src/static/js/pages/MediaPage.js
index 16e2739f..393071e6 100755
--- a/frontend/src/static/js/pages/MediaPage.js
+++ b/frontend/src/static/js/pages/MediaPage.js
@@ -2,7 +2,7 @@ import React from 'react';
 import { SiteConsumer } from '../utils/contexts/';
 import { MediaPageStore } from '../utils/stores/';
 import AttachmentViewer from '../components/media-viewer/AttachmentViewer';
-import AudioViewer from '../components/media-viewer/AudioViewer';
+// import AudioViewer from '../components/media-viewer/AudioViewer';
 import ImageViewer from '../components/media-viewer/ImageViewer';
 import PdfViewer from '../components/media-viewer/PdfViewer';
 import VideoViewer from '../components/media-viewer/VideoViewer';
@@ -46,11 +46,10 @@ export class MediaPage extends _VideoMediaPage {
   viewerContainerContent(mediaData) {
     switch (MediaPageStore.get('media-type')) {
       case 'video':
+      case 'audio':
         return (
           <SiteConsumer>{(site) => <VideoViewer data={mediaData} siteUrl={site.url} inEmbed={!1} />}</SiteConsumer>
         );
-      case 'audio':
-        return <AudioViewer />;
       case 'image':
         return <ImageViewer />;
       case 'pdf':