diff --git a/web/packages/new/photos/components/DevSettings.tsx b/web/packages/new/photos/components/DevSettings.tsx
index 385acdc585..8c62eb80fa 100644
--- a/web/packages/new/photos/components/DevSettings.tsx
+++ b/web/packages/new/photos/components/DevSettings.tsx
@@ -19,7 +19,7 @@ import { t } from "i18next";
 import React, { useEffect, useState } from "react";
 import { z } from "zod";
 import { FocusVisibleButton } from "./FocusVisibleButton";
-import { SlideTransition } from "./SlideTransition";
+import { SlideUpTransition } from "./mui/SlideUpTransition";
 
 interface DevSettingsProps {
     /** If `true`, then the dialog is shown. */
@@ -44,7 +44,7 @@ export const DevSettings: React.FC<DevSettingsProps> = ({ open, onClose }) => {
         <Dialog
             {...{ open, fullScreen }}
             onClose={handleDialogClose}
-            TransitionComponent={SlideTransition}
+            TransitionComponent={SlideUpTransition}
             maxWidth="xs"
             fullWidth
         >
diff --git a/web/packages/new/photos/components/WhatsNew.tsx b/web/packages/new/photos/components/WhatsNew.tsx
index 315842bcea..997afc30e8 100644
--- a/web/packages/new/photos/components/WhatsNew.tsx
+++ b/web/packages/new/photos/components/WhatsNew.tsx
@@ -15,7 +15,7 @@ import {
 import React, { useEffect } from "react";
 import { didShowWhatsNew } from "../services/changelog";
 import { FocusVisibleButton } from "./FocusVisibleButton";
-import { SlideTransition } from "./SlideTransition";
+import { SlideUpTransition } from "./mui/SlideUpTransition";
 
 interface WhatsNewProps {
     /** If `true`, then the dialog is shown. */
@@ -38,7 +38,7 @@ export const WhatsNew: React.FC<WhatsNewProps> = ({ open, onClose }) => {
     return (
         <Dialog
             {...{ open, fullScreen }}
-            TransitionComponent={SlideTransition}
+            TransitionComponent={SlideUpTransition}
             maxWidth="xs"
             fullWidth
         >
diff --git a/web/packages/new/photos/components/SlideTransition.tsx b/web/packages/new/photos/components/mui/SlideUpTransition.tsx
similarity index 88%
rename from web/packages/new/photos/components/SlideTransition.tsx
rename to web/packages/new/photos/components/mui/SlideUpTransition.tsx
index 691c151ff3..586fed2f4b 100644
--- a/web/packages/new/photos/components/SlideTransition.tsx
+++ b/web/packages/new/photos/components/mui/SlideUpTransition.tsx
@@ -7,7 +7,7 @@ import React, { forwardRef } from "react";
  * to a MUI {@link Dialog} to get it to use a slide transition (by default, the
  * dialog does a fade transition).
  */
-export const SlideTransition = forwardRef(function Transition(
+export const SlideUpTransition = forwardRef(function Transition(
     props: TransitionProps & { children: React.ReactElement },
     ref: React.Ref<unknown>,
 ) {