diff --git a/src/components/audit/row.vue b/src/components/audit/row.vue
index 5b4b7b3db..e95472334 100644
--- a/src/components/audit/row.vue
+++ b/src/components/audit/row.vue
@@ -53,6 +53,7 @@ import { pick } from 'ramda';
 
 import ActorLink from '../actor-link.vue';
 import DatasetLink from '../dataset/link.vue';
+import FormLink from '../form/link.vue';
 import DateTime from '../date-time.vue';
 import Selectable from '../selectable.vue';
 
@@ -93,7 +94,8 @@ const acteeSpeciesByCategory = {
   },
   form: {
     title: (actee) => (actee.name != null ? actee.name : actee.xmlFormId),
-    path: (actee, { primaryFormPath }) => primaryFormPath(actee)
+    component: FormLink,
+    props: (actee) => ({ form: actee })
   },
   dataset: {
     title: (actee) => actee.name,
@@ -114,7 +116,7 @@ acteeSpeciesByCategory.upgrade = acteeSpeciesByCategory.form;
 
 export default {
   name: 'AuditRow',
-  components: { ActorLink, DatasetLink, DateTime, Selectable },
+  components: { ActorLink, DatasetLink, DateTime, FormLink, Selectable },
   props: {
     audit: {
       type: Object,
@@ -123,8 +125,8 @@ export default {
   },
   setup() {
     const { actionMessage } = useAudit();
-    const { projectPath, primaryFormPath, userPath } = useRoutes();
-    return { actionMessage, projectPath, primaryFormPath, userPath };
+    const { projectPath, userPath } = useRoutes();
+    return { actionMessage, projectPath, userPath };
   },
   computed: {
     // When an audit log action has multiple parts/segments, we treat it as
diff --git a/src/components/form/link.vue b/src/components/form/link.vue
new file mode 100644
index 000000000..de81c7f70
--- /dev/null
+++ b/src/components/form/link.vue
@@ -0,0 +1,41 @@
+<!--
+Copyright 2024 ODK Central Developers
+See the NOTICE file at the top-level directory of this distribution and at
+https://github.com/getodk/central-frontend/blob/master/NOTICE.
+
+This file is part of ODK Central. It is subject to the license terms in
+the LICENSE file found in the top-level directory of this distribution and at
+https://www.apache.org/licenses/LICENSE-2.0. No part of ODK Central,
+including this file, may be copied, modified, propagated, or distributed
+except according to the terms contained in the LICENSE file.
+-->
+<template>
+  <link-if-can ref="link" :key="to" :to="to">
+    {{ form.name ?? form.xmlFormId }}
+  </link-if-can>
+</template>
+
+<script setup>
+import { computed, ref } from 'vue';
+
+import LinkIfCan from '../link-if-can.vue';
+
+import useHoverCard from '../../composables/hover-card';
+import useRoutes from '../../composables/routes';
+
+defineOptions({
+  name: 'FormLink'
+});
+const props = defineProps({
+  form: {
+    type: Object,
+    required: true
+  }
+});
+
+const { primaryFormPath } = useRoutes();
+const to = computed(() => primaryFormPath(props.form));
+
+const link = ref(null);
+useHoverCard(computed(() => link.value?.el), 'form', () => props.form);
+</script>
diff --git a/src/components/form/row.vue b/src/components/form/row.vue
index 1285b6b0e..bc910433f 100644
--- a/src/components/form/row.vue
+++ b/src/components/form/row.vue
@@ -12,9 +12,7 @@ except according to the terms contained in the LICENSE file.
 <template>
   <tr class="form-row">
     <td class="name">
-      <link-if-can :to="primaryFormPath(form)">
-        {{ form.nameOrId }}
-      </link-if-can>
+      <form-link :form="form"/>
       <span v-if="showIdForDuplicateName" class="duplicate-form-id">({{ form.xmlFormId }})</span>
     </td>
 
@@ -89,6 +87,7 @@ import { DateTime } from 'luxon';
 import DateTimeComponent from '../date-time.vue';
 import EnketoFill from '../enketo/fill.vue';
 import EnketoPreview from '../enketo/preview.vue';
+import FormLink from './link.vue';
 import LinkIfCan from '../link-if-can.vue';
 
 import useReviewState from '../../composables/review-state';
@@ -98,7 +97,13 @@ import { useRequestData } from '../../request-data';
 
 export default {
   name: 'FormRow',
-  components: { DateTime: DateTimeComponent, EnketoFill, EnketoPreview, LinkIfCan },
+  components: {
+    DateTime: DateTimeComponent,
+    EnketoFill,
+    EnketoPreview,
+    FormLink,
+    LinkIfCan
+  },
   props: {
     form: {
       type: Object,
@@ -111,11 +116,11 @@ export default {
   },
   setup() {
     const { project, duplicateFormNames } = useRequestData();
-    const { formPath, primaryFormPath } = useRoutes();
+    const { formPath } = useRoutes();
     const { reviewStateIcon } = useReviewState();
     return {
       project, duplicateFormNames,
-      formPath, primaryFormPath,
+      formPath,
       reviewStateIcon
     };
   },
diff --git a/src/components/hover-card/form.vue b/src/components/hover-card/form.vue
new file mode 100644
index 000000000..aad6bfef4
--- /dev/null
+++ b/src/components/hover-card/form.vue
@@ -0,0 +1,45 @@
+<!--
+Copyright 2024 ODK Central Developers
+See the NOTICE file at the top-level directory of this distribution and at
+https://github.com/getodk/central-frontend/blob/master/NOTICE.
+
+This file is part of ODK Central. It is subject to the license terms in
+the LICENSE file found in the top-level directory of this distribution and at
+https://www.apache.org/licenses/LICENSE-2.0. No part of ODK Central,
+including this file, may be copied, modified, propagated, or distributed
+except according to the terms contained in the LICENSE file.
+-->
+<template>
+  <hover-card icon="file">
+    <template #title>{{ form.name ?? form.xmlFormId }}</template>
+    <template #subtitle>{{ $t('resource.form') }}</template>
+    <template #body>
+      <dl class="dl-horizontal">
+        <dt>{{ $t('common.version') }}</dt>
+        <dd><form-version-string :version="form.version"/></dd>
+
+        <dt>{{ $t('resource.submissions') }}</dt>
+        <dd>{{ $n(form.submissions) }}</dd>
+
+        <dt>{{ $t('header.lastSubmission') }}</dt>
+        <dd><date-time :iso="form.lastSubmission"/></dd>
+      </dl>
+    </template>
+  </hover-card>
+</template>
+
+<script setup>
+import DateTime from '../date-time.vue';
+import FormVersionString from '../form-version/string.vue';
+import HoverCard from '../hover-card.vue';
+
+defineOptions({
+  name: 'HoverCardForm'
+});
+defineProps({
+  form: {
+    type: Object,
+    required: true
+  }
+});
+</script>
diff --git a/src/components/hover-cards.vue b/src/components/hover-cards.vue
index 1051dcf1d..d7875b7c2 100644
--- a/src/components/hover-cards.vue
+++ b/src/components/hover-cards.vue
@@ -25,12 +25,19 @@ import { inject, shallowRef, watch } from 'vue';
 
 import HoverCardDataset from './hover-card/dataset.vue';
 import HoverCardEntity from './hover-card/entity.vue';
+import HoverCardForm from './hover-card/form.vue';
 import Popover from './popover.vue';
 
 import { apiPaths } from '../util/request';
 import { createResource } from '../request-data/resource';
 
 const types = {
+  form: {
+    component: HoverCardForm,
+    requests: ({ projectId, xmlFormId }) => ({
+      form: { url: apiPaths.form(projectId, xmlFormId), extended: true }
+    })
+  },
   dataset: {
     component: HoverCardDataset,
     requests: ({ projectId, name }) => ({
diff --git a/src/components/link-if-can.vue b/src/components/link-if-can.vue
index a341c5168..7e31da44f 100644
--- a/src/components/link-if-can.vue
+++ b/src/components/link-if-can.vue
@@ -10,15 +10,17 @@ including this file, may be copied, modified, propagated, or distributed
 except according to the terms contained in the LICENSE file.
 -->
 <template>
-  <router-link v-if="canRoute(to)" :to="to" class="link-if-can">
+  <router-link v-if="canRoute(to)" ref="link" :to="to" class="link-if-can">
     <slot></slot>
   </router-link>
-  <span v-else class="link-if-can">
+  <span v-else ref="span" class="link-if-can">
     <slot></slot>
   </span>
 </template>
 
 <script setup>
+import { computed, ref } from 'vue';
+
 import useRoutes from '../composables/routes';
 
 defineProps({
@@ -29,6 +31,12 @@ defineProps({
 });
 
 const { canRoute } = useRoutes();
+
+const link = ref(null);
+const span = ref(null);
+const el = computed(() => link.value?.$el ?? span.value);
+
+defineExpose({ el });
 </script>
 
 <style lang="scss">
diff --git a/src/components/project/form-access/row.vue b/src/components/project/form-access/row.vue
index 1ade31a64..53bb8d600 100644
--- a/src/components/project/form-access/row.vue
+++ b/src/components/project/form-access/row.vue
@@ -14,7 +14,7 @@ except according to the terms contained in the LICENSE file.
     <template v-if="frozen">
       <td class="project-form-access-row-form-name">
         <span v-if="form.publishedAt == null" class="icon-edit" v-tooltip.sr-only></span>
-        <router-link :to="primaryFormPath(form)" v-tooltip.text>{{ form.nameOrId }}</router-link>
+        <form-link :form="form" v-tooltip.text/>
         <span v-if="form.publishedAt == null" class="sr-only">&nbsp;{{ $t('draftTitle') }}</span>
       </td>
       <td>
@@ -50,11 +50,14 @@ except according to the terms contained in the LICENSE file.
 </template>
 
 <script>
+import FormLink from '../../form/link.vue';
+
 import useRoutes from '../../../composables/routes';
 import { useRequestData } from '../../../request-data';
 
 export default {
   name: 'ProjectFormAccessRow',
+  components: { FormLink },
   props: {
     form: {
       type: Object,
diff --git a/src/components/project/form-row.vue b/src/components/project/form-row.vue
index 86025fe5d..d23362fc7 100644
--- a/src/components/project/form-row.vue
+++ b/src/components/project/form-row.vue
@@ -15,20 +15,16 @@ except according to the terms contained in the LICENSE file.
       <span v-if="showIcon" class="icon-file"></span>
     </td>
     <td class="form-name">
-      <template v-if="canLinkToFormOverview">
-        <router-link :to="primaryFormPath(form)">{{ form.nameOrId }}</router-link>
+      <template v-if="project.permits('form.update') || canLinkToSubmissions">
+        <form-link :form="form"/>
       </template>
-      <template v-else-if="canLinkToSubmissions">
-        <router-link :to="submissionsPath.all">{{ form.nameOrId }}</router-link>
+      <template v-else-if="canLinkToEnketo">
+        <a :href="enketoPath" target="_blank">{{ form.nameOrId }}</a>
       </template>
       <template v-else>
-        <template v-if="canLinkToEnketo">
-          <a :href="enketoPath" target="_blank">{{ form.nameOrId }}</a>
-        </template>
-        <template v-else>
-          {{ form.nameOrId }}
-        </template>
+        {{ form.nameOrId }}
       </template>
+
       <span v-if="showIdForDuplicateName" class="duplicate-form-id">({{ form.xmlFormId }})</span>
     </td>
     <template v-if="form.publishedAt != null">
@@ -93,6 +89,7 @@ except according to the terms contained in the LICENSE file.
 import { DateTime } from 'luxon';
 
 import DateTimeComponent from '../date-time.vue';
+import FormLink from '../form/link.vue';
 
 import useReviewState from '../../composables/review-state';
 import useRoutes from '../../composables/routes';
@@ -102,7 +99,7 @@ import { useRequestData } from '../../request-data';
 
 export default {
   name: 'ProjectFormRow',
-  components: { DateTime: DateTimeComponent },
+  components: { DateTime: DateTimeComponent, FormLink },
   props: {
     form: {
       type: Object,
@@ -122,11 +119,11 @@ export default {
   setup() {
     const { projects } = useRequestData();
     const { duplicateFormNamesPerProject } = projects.toRefs();
-    const { formPath, primaryFormPath } = useRoutes();
+    const { formPath, canRoute } = useRoutes();
     const { reviewStateIcon } = useReviewState();
     return {
       duplicateFormNamesPerProject,
-      formPath, primaryFormPath,
+      formPath, canRoute,
       reviewStateIcon
     };
   },
diff --git a/test/components/audit/table.spec.js b/test/components/audit/table.spec.js
index 2156d196a..af5488e6d 100644
--- a/test/components/audit/table.spec.js
+++ b/test/components/audit/table.spec.js
@@ -3,6 +3,7 @@ import { RouterLinkStub } from '@vue/test-utils';
 import ActorLink from '../../../src/components/actor-link.vue';
 import AuditRow from '../../../src/components/audit/row.vue';
 import DateTime from '../../../src/components/date-time.vue';
+import FormLink from '../../../src/components/form/link.vue';
 import DatasetLink from '../../../src/components/dataset/link.vue';
 import Selectable from '../../../src/components/selectable.vue';
 
@@ -186,12 +187,14 @@ describe('AuditTable', () => {
           actor: testData.extendedUsers.first(),
           action,
           actee: testData.standardForms
-            .createPast(1, { xmlFormId: 'a b', name: 'My Form' })
+            .createPast(1, { name: 'My Form' })
             .last()
         });
         const row = mountComponent();
         testType(row, type);
-        await testTarget(row, 'My Form', '/projects/1/forms/a%20b');
+        await testTarget(row, 'My Form', FormLink, (link) => {
+          link.props().form.xmlFormId.should.equal('f');
+        });
       });
     }
 
diff --git a/test/components/project/form-row.spec.js b/test/components/project/form-row.spec.js
index 1f49378f8..a56bfe1ed 100644
--- a/test/components/project/form-row.spec.js
+++ b/test/components/project/form-row.spec.js
@@ -2,6 +2,7 @@ import { RouterLinkStub } from '@vue/test-utils';
 
 import ProjectFormRow from '../../../src/components/project/form-row.vue';
 import DateTime from '../../../src/components/date-time.vue';
+import FormLink from '../../../src/components/form/link.vue';
 
 import useProjects from '../../../src/request-data/projects';
 
@@ -45,54 +46,28 @@ describe('ProjectFormRow', () => {
   });
 
   describe('form link', () => {
-    describe('Administrator', () => {
-      beforeEach(mockLogin);
-
-      it('links to form overview for a form with a published version', () => {
-        testData.extendedForms.createPast(1, { xmlFormId: 'a b' });
-        const link = mountComponent().getComponent('.form-name a');
-        link.props().to.should.equal('/projects/1/forms/a%20b');
-      });
-
-      it('links to .../draft for a form without a published version', () => {
-        testData.extendedForms.createPast(1, { xmlFormId: 'a b', draft: true });
-        const link = mountComponent().getComponent('.form-name a');
-        link.props().to.should.equal('/projects/1/forms/a%20b/draft');
-      });
+    it('renders a FormLink for a sitewide administrator', () => {
+      mockLogin();
+      testData.extendedForms.createPast(1);
+      const link = mountComponent().get('.form-name').getComponent(FormLink);
+      link.props().form.xmlFormId.should.equal('f');
     });
 
-    describe('Project Manager', () => {
-      beforeEach(() => {
-        mockLogin({ role: 'none' });
-        testData.extendedProjects.createPast(1, { role: 'manager', forms: 1 });
-      });
-
-      it('links to form overview for a form with a published version', () => {
-        testData.extendedForms.createPast(1, { xmlFormId: 'a b' });
-        const link = mountComponent().getComponent('.form-name a');
-        link.props().to.should.equal('/projects/1/forms/a%20b');
-      });
-
-      it('links to .../draft for a form without a published version', () => {
-        testData.extendedForms.createPast(1, { xmlFormId: 'a b', draft: true });
-        const link = mountComponent().getComponent('.form-name a');
-        link.props().to.should.equal('/projects/1/forms/a%20b/draft');
-      });
+    it('renders a FormLink for a project manager', () => {
+      mockLogin({ role: 'none' });
+      testData.extendedProjects.createPast(1, { role: 'manager', forms: 1 });
+      testData.extendedForms.createPast(1);
+      const link = mountComponent().get('.form-name').getComponent(FormLink);
+      link.props().form.xmlFormId.should.equal('f');
     });
 
-    describe('Project Viewer', () => {
-      beforeEach(() => {
-        mockLogin({ role: 'none' });
-        testData.extendedProjects.createPast(1, { role: 'viewer', forms: 1 });
-      });
-
-      it('links to .../submissions for a form with a published version', () => {
-        testData.extendedForms.createPast(1, { xmlFormId: 'a b' });
-        const link = mountComponent().getComponent('.form-name a');
-        link.props().to.should.equal('/projects/1/forms/a%20b/submissions');
-      });
-
-      // draft forms not shown in project-form-row to project viewers
+    // Note that draft forms are not shown in ProjectFormRow to project viewers.
+    it('renders a FormLink for a project viewer', () => {
+      mockLogin({ role: 'none' });
+      testData.extendedProjects.createPast(1, { role: 'viewer', forms: 1 });
+      testData.extendedForms.createPast(1);
+      const link = mountComponent().get('.form-name').getComponent(FormLink);
+      link.props().form.xmlFormId.should.equal('f');
     });
 
     describe('Data Collector', () => {