diff --git a/src/app/components/image-viewer.tsx b/src/app/components/image-viewer.tsx
index b7f9e2d..c53e704 100644
--- a/src/app/components/image-viewer.tsx
+++ b/src/app/components/image-viewer.tsx
@@ -51,7 +51,7 @@ export default function ImageViewer({ src, alt, width, height, className, images
 		// Scroll snaps
 		setScrollSnaps(emblaApi.scrollSnapList());
 		emblaApi.on("select", () => setSelectedIndex(emblaApi.selectedScrollSnap()));
-	}, [emblaApi]);
+	}, [emblaApi, images, src]);
 
 	return (
 		<>
diff --git a/src/app/components/profile-settings/index.tsx b/src/app/components/profile-settings/index.tsx
index 272ce04..976b3f9 100644
--- a/src/app/components/profile-settings/index.tsx
+++ b/src/app/components/profile-settings/index.tsx
@@ -105,7 +105,7 @@ export default function ProfileSettings() {
 					>
 						<div className="bg-orange-100 rounded-xl border-2 border-orange-400 mt-4 px-2 py-1">
 							<p className="font-semibold">New display name:</p>
-							<p className="indent-4">'{displayName}'</p>
+							<p className="indent-4">&apos;{displayName}&apos;</p>
 						</div>
 					</SubmitDialogButton>
 				</div>
@@ -144,7 +144,7 @@ export default function ProfileSettings() {
 
 						<div className="bg-orange-100 rounded-xl border-2 border-orange-400 mt-4 px-2 py-1">
 							<p className="font-semibold">New username:</p>
-							<p className="indent-4">'@{username}'</p>
+							<p className="indent-4">&apos;@{username}&apos;</p>
 						</div>
 					</SubmitDialogButton>
 				</div>