diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index da08c32..b6dc24d 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,4 +1,4 @@
-// App.jsx
+ // App.jsx
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import MainLayout from './layouts/MainLayout';
 import ClipUpload from './pages/ClipUpload';
diff --git a/frontend/src/pages/MediaPlayer.tsx b/frontend/src/pages/MediaPlayer.tsx
index ff31ced..e6770e6 100644
--- a/frontend/src/pages/MediaPlayer.tsx
+++ b/frontend/src/pages/MediaPlayer.tsx
@@ -17,7 +17,7 @@ type MediaPlayerProps = {
     /** Fetches the raw video blob for the given id. */
     fetchBlob: (id: string) => Promise<Blob>,
     /** Fetches the media metadata for the given id. */
-    fetchDetails: (id: string) => Promise<MediaItem>,
+    fetchDetails: (id: string) => Promise<MediaItem | null>,
 };
 
 const MediaPlayer = ({ noun, fetchBlob, fetchDetails }: MediaPlayerProps) => {