diff --git a/frappe/public/js/frappe/form/templates/form_links.html b/frappe/public/js/frappe/form/templates/form_links.html
index 503bab7ad1..e16516e652 100644
--- a/frappe/public/js/frappe/form/templates/form_links.html
+++ b/frappe/public/js/frappe/form/templates/form_links.html
@@ -10,10 +10,10 @@
 				{% for (let j=0; j < transactions[i].items.length; j++) { %}
 					{% let doctype = transactions[i].items[j]; %}
 					<div class="document-link" data-doctype="{{ doctype }}">
-						<a class="badge-link">
+						<div class="document-link-badge" data-doctype="{{ doctype }}">
 							<span class="count hidden"></span>
-							{{ __(doctype) }}
-						</a>
+							<a class="badge-link">{{ __(doctype) }}</a>
+						</div>
 						<span class="open-notification hidden"
 							title="{{ __("Open {0}", [__(doctype)])}}">
 						</span>
diff --git a/frappe/public/scss/form.scss b/frappe/public/scss/form.scss
index 8708af8262..e4e938dfe8 100644
--- a/frappe/public/scss/form.scss
+++ b/frappe/public/scss/form.scss
@@ -158,8 +158,8 @@
 	.document-link {
 		margin-bottom: var(--margin-sm);
 		display: flex;
-		.badge-link {
-			font-size: var(--text-md);
+		.document-link-badge {
+			font-size: var(--text-sm);
 			padding: var(--padding-xs) var(--padding-sm);
 			border-radius: var(--border-radius);
 			background-color: var(--control-bg);
@@ -171,7 +171,7 @@
 				padding: 0 var(--padding-xs);
 				margin-right: var(--margin-xs);
 			}
-			&:hover:not([disabled='disabled']) {
+			.badge-link:hover:not([disabled='disabled']) {
 				text-decoration: underline;
 			}
 		}