diff --git a/plugins/pubIds/urn/URNPubIdPlugin.php b/plugins/pubIds/urn/URNPubIdPlugin.php
index 3080fef68b1..7e0423a4c9a 100755
--- a/plugins/pubIds/urn/URNPubIdPlugin.php
+++ b/plugins/pubIds/urn/URNPubIdPlugin.php
@@ -504,11 +504,6 @@ public function loadUrnFieldComponent(string $hookName, array $args): void
                     .pkpFormField--urn__input {
                         display: inline-block;
                     }
-
-                    .pkpFormField--urn__button {
-                        margin-left: 0.25rem;
-                        height: 2.5rem; // Match input height
-                    }
                 ',
                 [
                     'contexts' => 'backend',
diff --git a/plugins/pubIds/urn/js/FieldTextUrn.js b/plugins/pubIds/urn/js/FieldTextUrn.js
index dd45e673261..62d8d5fb1c1 100644
--- a/plugins/pubIds/urn/js/FieldTextUrn.js
+++ b/plugins/pubIds/urn/js/FieldTextUrn.js
@@ -43,13 +43,13 @@ pkp.registry.registerComponent('FieldTextUrn', {
 		'					:required="isRequired"' +
 		'					:style="inputStyles"' +
 		'				/>' +
-		'				<button' +
+		'				<pkp-button' +
 		'					v-if="applyCheckNumber"' +
-		'					class="pkpButton pkpFormField--urn__button"' +
 		'					@click.prevent="addCheckNumber"' +
+		'					:disabled="currentValue.length === 0"' +
 		'				>' +
 		'					{{ addCheckNumberLabel }}' +
-		'				</button>' +
+		'				</pkp-button>' +
 		'				<field-error' +
 		'					v-if="errors.length"' +
 		'					:id="describedByErrorId"' +