diff --git a/web/apps/photos/src/components/TwoFactor/Modal/index.tsx b/web/apps/photos/src/components/Sidebar/TwoFactorModal.tsx
similarity index 98%
rename from web/apps/photos/src/components/TwoFactor/Modal/index.tsx
rename to web/apps/photos/src/components/Sidebar/TwoFactorModal.tsx
index 69afd8fcbc..3a5972710f 100644
--- a/web/apps/photos/src/components/TwoFactor/Modal/index.tsx
+++ b/web/apps/photos/src/components/Sidebar/TwoFactorModal.tsx
@@ -25,11 +25,11 @@ const TwoFactorDialog = styled(Dialog)(({ theme }) => ({
     },
 }));
 
-type Props = ModalVisibilityProps & {
+type TwoFactorModalProps = ModalVisibilityProps & {
     closeSidebar: () => void;
 };
 
-function TwoFactorModal(props: Props) {
+function TwoFactorModal(props: TwoFactorModalProps) {
     const [isTwoFactorEnabled, setTwoFactorStatus] = useState(false);
 
     useEffect(() => {
diff --git a/web/apps/photos/src/components/Sidebar/index.tsx b/web/apps/photos/src/components/Sidebar/index.tsx
index 8e8110e65a..ce9f2a6e6e 100644
--- a/web/apps/photos/src/components/Sidebar/index.tsx
+++ b/web/apps/photos/src/components/Sidebar/index.tsx
@@ -47,7 +47,7 @@ import {
 } from "@mui/material";
 import Typography from "@mui/material/Typography";
 import DeleteAccountModal from "components/DeleteAccountModal";
-import TwoFactorModal from "components/TwoFactor/Modal";
+import TwoFactorModal from "components/Sidebar/TwoFactorModal";
 import { WatchFolder } from "components/WatchFolder";
 import LinkButton from "components/pages/gallery/LinkButton";
 import { t } from "i18next";