diff --git a/js/src/components/Group/JoinGroupWithAccount.vue b/js/src/components/Group/JoinGroupWithAccount.vue
index 05459327a..488cc9ca2 100644
--- a/js/src/components/Group/JoinGroupWithAccount.vue
+++ b/js/src/components/Group/JoinGroupWithAccount.vue
@@ -26,6 +26,14 @@ const { group } = useGroup(props.preferredUsername);
 
 const { t } = useI18n({ useScope: "global" });
 
+const groupTitle = computed((): undefined | string => {
+  return group && displayName(group.value);
+});
+
+const uri = computed((): string | undefined => {
+  return group.value?.url;
+});
+
 useHead({
   title: computed(() =>
     t("Join group {group}", {
@@ -33,12 +41,4 @@ useHead({
     })
   ),
 });
-
-const uri = computed((): string | undefined => {
-  return group.value?.url;
-});
-
-const groupTitle = computed((): undefined | string => {
-  return group && displayName(group.value);
-});
 </script>