diff --git a/web/packages/new/photos/components/NameInputDialog.tsx b/web/packages/new/photos/components/NameInputDialog.tsx
index 0c46346c30..0cdc3daab9 100644
--- a/web/packages/new/photos/components/NameInputDialog.tsx
+++ b/web/packages/new/photos/components/NameInputDialog.tsx
@@ -6,6 +6,7 @@ import { Dialog, DialogContent, DialogTitle } from "@mui/material";
 import { t } from "i18next";
 import React from "react";
 import type { DialogVisiblityProps } from "./mui-custom";
+import { SlideTransition } from "./SlideTransition";
 
 type NameInputDialogProps = DialogVisiblityProps & {
     /** Title of the dialog. */
@@ -53,7 +54,13 @@ export const NameInputDialog: React.FC<NameInputDialogProps> = ({
     };
 
     return (
-        <Dialog open={open} onClose={onClose} maxWidth="xs" fullWidth>
+        <Dialog
+            open={open}
+            onClose={onClose}
+            maxWidth="xs"
+            fullWidth
+            TransitionComponent={SlideTransition}
+        >
             <DialogTitle>{title}</DialogTitle>
             <DialogContent>
                 <SingleInputForm