diff --git a/web/apps/photos/src/components/Collections/CollectionOptions/QuickOptions/DownloadQuickOption.tsx b/web/apps/photos/src/components/Collections/CollectionOptions/QuickOptions/DownloadQuickOption.tsx
deleted file mode 100644
index 7b26342ac8..0000000000
--- a/web/apps/photos/src/components/Collections/CollectionOptions/QuickOptions/DownloadQuickOption.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import FileDownloadOutlinedIcon from "@mui/icons-material/FileDownloadOutlined";
-import { IconButton, Tooltip } from "@mui/material";
-import { t } from "i18next";
-import { CollectionSummaryType } from "types/collection";
-import { CollectionActions } from "..";
-interface Iprops {
-    handleCollectionAction: (
-        action: CollectionActions,
-        loader?: boolean,
-    ) => (...args: any[]) => Promise<void>;
-    collectionSummaryType: CollectionSummaryType;
-}
-
-export function DownloadQuickOption({
-    handleCollectionAction,
-    collectionSummaryType,
-}: Iprops) {
-    return (
-        <Tooltip
-            title={
-                collectionSummaryType === CollectionSummaryType.favorites
-                    ? t("DOWNLOAD_FAVORITES")
-                    : collectionSummaryType ===
-                        CollectionSummaryType.uncategorized
-                      ? t("DOWNLOAD_UNCATEGORIZED")
-                      : collectionSummaryType ===
-                          CollectionSummaryType.hiddenItems
-                        ? t("DOWNLOAD_HIDDEN_ITEMS")
-                        : t("DOWNLOAD_COLLECTION")
-            }
-        >
-            <IconButton
-                onClick={handleCollectionAction(
-                    CollectionActions.DOWNLOAD,
-                    false,
-                )}
-            >
-                <FileDownloadOutlinedIcon />
-            </IconButton>
-        </Tooltip>
-    );
-}
diff --git a/web/apps/photos/src/components/Collections/CollectionOptions/QuickOptions/index.tsx b/web/apps/photos/src/components/Collections/CollectionOptions/QuickOptions/index.tsx
index ae927b77f3..72e945b733 100644
--- a/web/apps/photos/src/components/Collections/CollectionOptions/QuickOptions/index.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionOptions/QuickOptions/index.tsx
@@ -1,12 +1,12 @@
 import { FlexWrapper } from "@ente/shared/components/Container";
 import EnteSpinner from "@ente/shared/components/EnteSpinner";
 import DeleteOutlinedIcon from "@mui/icons-material/DeleteOutlined";
+import FileDownloadOutlinedIcon from "@mui/icons-material/FileDownloadOutlined";
 import PeopleIcon from "@mui/icons-material/People";
 import { IconButton, Tooltip } from "@mui/material";
 import { t } from "i18next";
 import { CollectionSummaryType } from "types/collection";
 import { CollectionActions } from "..";
-import { DownloadQuickOption } from "./DownloadQuickOption";
 
 interface QuickOptionsProps {
     handleCollectionAction: (
@@ -90,6 +90,37 @@ const showDownloadQuickOption = (type: CollectionSummaryType) => {
     );
 };
 
+interface DownloadQuickOptionProps {
+    handleCollectionAction: (
+        action: CollectionActions,
+        loader?: boolean,
+    ) => (...args: any[]) => Promise<void>;
+    collectionSummaryType: CollectionSummaryType;
+}
+
+const DownloadQuickOption: React.FC<DownloadQuickOptionProps> = ({
+    handleCollectionAction,
+    collectionSummaryType,
+}) => (
+    <Tooltip
+        title={
+            collectionSummaryType === CollectionSummaryType.favorites
+                ? t("DOWNLOAD_FAVORITES")
+                : collectionSummaryType === CollectionSummaryType.uncategorized
+                  ? t("DOWNLOAD_UNCATEGORIZED")
+                  : collectionSummaryType === CollectionSummaryType.hiddenItems
+                    ? t("DOWNLOAD_HIDDEN_ITEMS")
+                    : t("DOWNLOAD_COLLECTION")
+        }
+    >
+        <IconButton
+            onClick={handleCollectionAction(CollectionActions.DOWNLOAD, false)}
+        >
+            <FileDownloadOutlinedIcon />
+        </IconButton>
+    </Tooltip>
+);
+
 const showShareQuickOption = (type: CollectionSummaryType) => {
     return (
         type === CollectionSummaryType.folder ||