diff --git a/web/src/ui/timeline/content/useMediaContent.tsx b/web/src/ui/timeline/content/useMediaContent.tsx
index 2481159..b33e309 100644
--- a/web/src/ui/timeline/content/useMediaContent.tsx
+++ b/web/src/ui/timeline/content/useMediaContent.tsx
@@ -23,9 +23,9 @@ import DownloadIcon from "@/icons/download.svg?react"
 export const useMediaContent = (
 	content: MediaMessageEventContent, evtType: EventType, containerSize?: ImageContainerSize,
 ): [React.ReactElement | null, string, CSSProperties] => {
-	const mediaURL = content.url ? getMediaURL(content.url) : getEncryptedMediaURL(content.file?.url)
-	const thumbnailURL = content.info?.thumbnail_url
-		? getMediaURL(content.info.thumbnail_url) : getEncryptedMediaURL(content.info?.thumbnail_file?.url)
+	const mediaURL = content.file?.url ? getEncryptedMediaURL(content.file.url) : getMediaURL(content.url)
+	const thumbnailURL = content.info?.thumbnail_file?.url
+		? getEncryptedMediaURL(content.info.thumbnail_file.url) : getMediaURL(content.info?.thumbnail_url)
 	if (content.msgtype === "m.image" || evtType === "m.sticker") {
 		const style = calculateMediaSize(content.info?.w, content.info?.h, containerSize)
 		return [<img