diff --git a/src/components/buttons/EditButton.tsx b/src/components/buttons/EditButton.tsx
index 7c806968..793fb7c3 100644
--- a/src/components/buttons/EditButton.tsx
+++ b/src/components/buttons/EditButton.tsx
@@ -26,7 +26,7 @@ export function EditButton(props: EditButtonProps) {
       <span ref={parent}>
         {props.editing ? (
           <span className="mx-4 whitespace-nowrap">
-            {t("media.stopEditing")}
+            {t("home.mediaList.stopEditing")}
           </span>
         ) : (
           <Icon icon={Icons.EDIT} />
diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx
index 30ed4e5e..20dae0d3 100644
--- a/src/pages/Settings.tsx
+++ b/src/pages/Settings.tsx
@@ -15,6 +15,7 @@ import { Button } from "@/components/buttons/Button";
 import { WideContainer } from "@/components/layout/WideContainer";
 import { UserIcons } from "@/components/UserIcon";
 import { Heading1 } from "@/components/utils/Text";
+import { Transition } from "@/components/utils/Transition";
 import { useAuth } from "@/hooks/auth/useAuth";
 import { useBackendUrl } from "@/hooks/auth/useBackendUrl";
 import { useIsMobile } from "@/hooks/useIsMobile";
@@ -241,10 +242,10 @@ export function SettingsPage() {
           />
         </div>
       </SettingsLayout>
-      <div
-        className={`bg-settings-saveBar-background border-t border-settings-card-border/50 py-4 transition-opacity w-full fixed bottom-0 flex justify-between flex-col md:flex-row px-8 items-start md:items-center gap-3 ${
-          state.changed ? "opacity-100" : "opacity-0"
-        }`}
+      <Transition
+        animation="fade"
+        show={state.changed}
+        className="bg-settings-saveBar-background border-t border-settings-card-border/50 py-4 transition-opacity w-full fixed bottom-0 flex justify-between flex-col md:flex-row px-8 items-start md:items-center gap-3"
       >
         <p className="text-type-danger">{t("settings.unsaved")}</p>
         <div className="space-x-3 w-full md:w-auto flex">
@@ -263,7 +264,7 @@ export function SettingsPage() {
             {t("settings.save")}
           </Button>
         </div>
-      </div>
+      </Transition>
     </SubPageLayout>
   );
 }