diff --git a/web/apps/photos/src/components/pages/dedupe/SelectedFileOptions.tsx b/web/apps/photos/src/components/pages/dedupe/SelectedFileOptions.tsx
index fad14f1649..bb3e64fec9 100644
--- a/web/apps/photos/src/components/pages/dedupe/SelectedFileOptions.tsx
+++ b/web/apps/photos/src/components/pages/dedupe/SelectedFileOptions.tsx
@@ -3,7 +3,7 @@ import { SelectionBar } from "@ente/shared/components/Navbar/SelectionBar";
 import BackButton from "@mui/icons-material/ArrowBackOutlined";
 import CloseIcon from "@mui/icons-material/Close";
 import DeleteIcon from "@mui/icons-material/Delete";
-import { Box, IconButton, Tooltip } from "@mui/material";
+import { Box, IconButton, Tooltip, useMediaQuery } from "@mui/material";
 import { t } from "i18next";
 import { AppContext } from "pages/_app";
 import { useContext } from "react";
@@ -23,7 +23,8 @@ export default function DeduplicateOptions({
     count,
     clearSelection,
 }: IProps) {
-    const { setDialogMessage, isMobile } = useContext(AppContext);
+    const { setDialogMessage } = useContext(AppContext);
+    const isMobile = useMediaQuery("(max-width: 428px)");
 
     const trashHandler = () =>
         setDialogMessage(getTrashFilesMessage(deleteFileHelper));