diff --git a/web/src/lib/components/album-page/album-shared-link.svelte b/web/src/lib/components/album-page/album-shared-link.svelte
index 55c08c4d12c88..2b02eb8e071bb 100644
--- a/web/src/lib/components/album-page/album-shared-link.svelte
+++ b/web/src/lib/components/album-page/album-shared-link.svelte
@@ -12,29 +12,30 @@
   };
 
   const { album, sharedLink }: Props = $props();
+
+  const getShareProperties = () =>
+    [
+      DateTime.fromISO(sharedLink.createdAt).toLocaleString(
+        {
+          month: 'long',
+          day: 'numeric',
+          year: 'numeric',
+        },
+        { locale: $locale },
+      ),
+      sharedLink.allowUpload && $t('upload'),
+      sharedLink.allowDownload && $t('download'),
+      sharedLink.showMetadata && $t('exif').toUpperCase(),
+      sharedLink.password && $t('password'),
+    ]
+      .filter(Boolean)
+      .join(' • ');
 </script>
 
 <div class="flex justify-between items-center">
   <div class="flex flex-col gap-1">
     <Text size="small">{sharedLink.description || album.albumName}</Text>
-    <Text size="tiny" color="muted"
-      >{[
-        DateTime.fromISO(sharedLink.createdAt).toLocaleString(
-          {
-            month: 'long',
-            day: 'numeric',
-            year: 'numeric',
-          },
-          { locale: $locale },
-        ),
-        sharedLink.allowUpload && $t('upload'),
-        sharedLink.allowDownload && $t('download'),
-        sharedLink.showMetadata && $t('exif'),
-        sharedLink.password && $t('password'),
-      ]
-        .filter(Boolean)
-        .join(' • ')}</Text
-    >
+    <Text size="tiny" color="muted">{getShareProperties()}</Text>
   </div>
   <SharedLinkCopy link={sharedLink} />
 </div>