diff --git a/src/timelines/MediaViewer.tsx b/src/timelines/MediaViewer.tsx
index 577dd12..65da782 100644
--- a/src/timelines/MediaViewer.tsx
+++ b/src/timelines/MediaViewer.tsx
@@ -128,6 +128,13 @@ const MediaViewer: ParentComponent<MediaViewerProps> = (props) => {
       left: 0;
       z-index: 1;
       cursor: ${dragging() ? "grabbing" : "grab"};
+      padding-left: var(--safe-area-inset-left, 0);
+      padding-right: var(--safe-area-inset-right, 0);
+      padding-bottom: var(--safe-area-inset-bottom, 0);
+
+      :global(> .MuiToolbar-root) {
+        padding-top: var(--safe-area-inset-top, 0);
+      }
     }
 
     .left-dock {