diff --git a/src/components/Form/fields/FieldArchivingPn.vue b/src/components/Form/fields/FieldArchivingPn.vue
index bda489306..2fa8d810b 100644
--- a/src/components/Form/fields/FieldArchivingPn.vue
+++ b/src/components/Form/fields/FieldArchivingPn.vue
@@ -22,13 +22,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</legend>
 		<div
 			v-if="description"
@@ -73,12 +66,11 @@
 <script>
 import FieldOptions from './FieldOptions.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 
 export default {
 	name: 'FieldArchivingPn',
-	components: {Tooltip, HelpButton, FieldError},
+	components: {Tooltip, FieldError},
 	extends: FieldOptions,
 	props: {
 		/** The current value for this field. */
diff --git a/src/components/Form/fields/FieldBase.vue b/src/components/Form/fields/FieldBase.vue
index 82529f34d..71bc88323 100644
--- a/src/components/Form/fields/FieldBase.vue
+++ b/src/components/Form/fields/FieldBase.vue
@@ -1,7 +1,6 @@
 <script>
 import FieldError from '../FieldError.vue';
 import FormFieldLabel from '../FormFieldLabel.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
 
@@ -10,7 +9,6 @@ export default {
 	components: {
 		FieldError,
 		FormFieldLabel,
-		HelpButton,
 		Tooltip,
 		MultilingualProgress,
 	},
@@ -25,10 +23,6 @@ export default {
 		description: String,
 		/** Adds a tooltip to the field. Can include HTML code. */
 		tooltip: String,
-		/** Adds a button to the field which will open the in-app help panel to this topic. */
-		helpTopic: String,
-		/** When the in-app help panel is opened to `helpTopic`, it will scroll to `helpSection` if included. */
-		helpSection: String,
 		/** The ID of the group this field should appear in.  */
 		groupId: String,
 		/** The ID of the form this field should appear in. This is passed down from the `Form`.  */
@@ -142,15 +136,6 @@ export default {
 			return this.compileId('tooltip');
 		},
 
-		/**
-		 * A unique id for the field's help link button
-		 *
-		 * @return {String}
-		 */
-		describedByHelpId() {
-			return this.compileId('help');
-		},
-
 		/**
 		 * A unique id for the field's description
 		 *
@@ -193,9 +178,6 @@ export default {
 			if (this.tooltip) {
 				ids.push(this.describedByTooltipId);
 			}
-			if (this.helpTopic) {
-				ids.push(this.describedByHelpId);
-			}
 			if (this.error) {
 				ids.push(this.describedByErrorId);
 			}
diff --git a/src/components/Form/fields/FieldBaseAutosuggest.vue b/src/components/Form/fields/FieldBaseAutosuggest.vue
index 49bed0b99..0806aded6 100644
--- a/src/components/Form/fields/FieldBaseAutosuggest.vue
+++ b/src/components/Form/fields/FieldBaseAutosuggest.vue
@@ -23,13 +23,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -72,13 +65,6 @@
 							v-strip-unsafe-html="tooltip"
 							class="-screenReader"
 						/>
-						<HelpButton
-							v-if="helpTopic"
-							:id="describedByHelpId"
-							:topic="helpTopic"
-							:section="helpSection"
-							:label="t('help.help')"
-						/>
 					</div>
 					<!-- End Heading part repeated for inline scenario -->
 					<Autosuggest
@@ -121,7 +107,6 @@ import FieldBase from './FieldBase.vue';
 import Autosuggest from './Autosuggest.vue';
 import FormFieldLabel from '@/components/Form/FormFieldLabel.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
 
@@ -133,7 +118,6 @@ export default {
 	components: {
 		FormFieldLabel,
 		Tooltip,
-		HelpButton,
 		FieldError,
 		MultilingualProgress,
 		Autosuggest,
diff --git a/src/components/Form/fields/FieldColor.vue b/src/components/Form/fields/FieldColor.vue
index 3f0e60136..ffcebd707 100644
--- a/src/components/Form/fields/FieldColor.vue
+++ b/src/components/Form/fields/FieldColor.vue
@@ -24,13 +24,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="isPrimaryLocale && helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</legend>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -57,7 +50,6 @@
 import FieldBase from './FieldBase.vue';
 import {Chrome} from '@lk77/vue3-color';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 
 export default {
@@ -65,7 +57,6 @@ export default {
 	components: {
 		'color-picker': Chrome,
 		Tooltip,
-		HelpButton,
 		FieldError,
 	},
 	extends: FieldBase,
diff --git a/src/components/Form/fields/FieldHtml.vue b/src/components/Form/fields/FieldHtml.vue
index 4ec9b5f96..368222a33 100644
--- a/src/components/Form/fields/FieldHtml.vue
+++ b/src/components/Form/fields/FieldHtml.vue
@@ -10,12 +10,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-strip-unsafe-html="description"
@@ -27,11 +21,10 @@
 <script>
 import FieldBase from './FieldBase.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 
 export default {
 	name: 'FieldHtml',
-	components: {Tooltip, HelpButton},
+	components: {Tooltip},
 	extends: FieldBase,
 };
 </script>
diff --git a/src/components/Form/fields/FieldMetadataSetting.vue b/src/components/Form/fields/FieldMetadataSetting.vue
index fc2992c82..3210a14f0 100644
--- a/src/components/Form/fields/FieldMetadataSetting.vue
+++ b/src/components/Form/fields/FieldMetadataSetting.vue
@@ -9,13 +9,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</legend>
 		<div
 			v-if="description"
@@ -75,12 +68,11 @@
 <script>
 import FieldOptions from './FieldOptions.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 
 export default {
 	name: 'FieldMetadataSetting',
-	components: {Tooltip, HelpButton, FieldError},
+	components: {Tooltip, FieldError},
 	extends: FieldOptions,
 	props: {
 		/** The value which matches a disabled state. Usually the `METADATA_DISABLE` constant. */
diff --git a/src/components/Form/fields/FieldOptions.vue b/src/components/Form/fields/FieldOptions.vue
index aefae3b5c..8e7c9961f 100644
--- a/src/components/Form/fields/FieldOptions.vue
+++ b/src/components/Form/fields/FieldOptions.vue
@@ -24,13 +24,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="isPrimaryLocale && helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</legend>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -115,7 +108,6 @@ import FieldBase from './FieldBase.vue';
 import {VueDraggable} from 'vue-draggable-plus';
 import Orderer from '@/components/Orderer/Orderer.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 
@@ -125,7 +117,6 @@ export default {
 		VueDraggable,
 		Orderer,
 		Tooltip,
-		HelpButton,
 		MultilingualProgress,
 		FieldError,
 	},
diff --git a/src/components/Form/fields/FieldOrcid.vue b/src/components/Form/fields/FieldOrcid.vue
index 14ad17af6..3e0f302af 100644
--- a/src/components/Form/fields/FieldOrcid.vue
+++ b/src/components/Form/fields/FieldOrcid.vue
@@ -10,12 +10,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="!isVerified && hasOrcid"
@@ -84,7 +78,6 @@
 import FieldBase from '@/components/Form/fields/FieldBase.vue';
 import Icon from '@/components/Icon/Icon.vue';
 import PkpButton from '@/components/Button/Button.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
 
 import {useUrl} from '@/composables/useUrl';
@@ -93,7 +86,7 @@ import {useModal} from '@/composables/useModal';
 
 export default {
 	name: 'FieldOrcid',
-	components: {Icon, PkpButton, HelpButton, Tooltip},
+	components: {Icon, PkpButton, Tooltip},
 	extends: FieldBase,
 	props: {
 		/** ORCID URL that has been verified */
diff --git a/src/components/Form/fields/FieldPubId.vue b/src/components/Form/fields/FieldPubId.vue
index d4a616692..d18a33d53 100644
--- a/src/components/Form/fields/FieldPubId.vue
+++ b/src/components/Form/fields/FieldPubId.vue
@@ -15,13 +15,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="description"
@@ -80,7 +73,6 @@ import Tooltip from '@/components/Tooltip/Tooltip.vue';
 import PkpButton from '@/components/Button/Button.vue';
 import Icon from '@/components/Icon/Icon.vue';
 import FieldError from '@/components/Form/FieldError.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 
 export default {
 	name: 'FieldPubId',
@@ -90,7 +82,6 @@ export default {
 		PkpButton,
 		Icon,
 		FieldError,
-		HelpButton,
 	},
 	extends: FieldBase,
 	props: {
diff --git a/src/components/Form/fields/FieldRadioInput.vue b/src/components/Form/fields/FieldRadioInput.vue
index 37b45e6dc..ed410543a 100644
--- a/src/components/Form/fields/FieldRadioInput.vue
+++ b/src/components/Form/fields/FieldRadioInput.vue
@@ -24,13 +24,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="isPrimaryLocale && helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</legend>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -100,13 +93,12 @@
 <script>
 import FieldOptions from './FieldOptions.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
 
 export default {
 	name: 'FieldRadioInput',
-	components: {Tooltip, HelpButton, FieldError, MultilingualProgress},
+	components: {Tooltip, FieldError, MultilingualProgress},
 	extends: FieldOptions,
 	props: {
 		/** Current value */
diff --git a/src/components/Form/fields/FieldRichTextarea.vue b/src/components/Form/fields/FieldRichTextarea.vue
index 52104d876..708aa31ff 100644
--- a/src/components/Form/fields/FieldRichTextarea.vue
+++ b/src/components/Form/fields/FieldRichTextarea.vue
@@ -25,13 +25,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="isPrimaryLocale && helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -107,7 +100,6 @@ import FormFieldLabel from '@/components/Form/FormFieldLabel.vue';
 import Icon from '@/components/Icon/Icon.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 
 export default {
@@ -118,7 +110,6 @@ export default {
 		Icon,
 		Tooltip,
 		MultilingualProgress,
-		HelpButton,
 		FieldError,
 	},
 	extends: FieldBase,
diff --git a/src/components/Form/fields/FieldSelect.vue b/src/components/Form/fields/FieldSelect.vue
index 1b9150523..9042aaeb3 100644
--- a/src/components/Form/fields/FieldSelect.vue
+++ b/src/components/Form/fields/FieldSelect.vue
@@ -17,13 +17,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -76,7 +69,6 @@ import FieldBase from './FieldBase.vue';
 import FormFieldLabel from '@/components/Form/FormFieldLabel.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 
 export default {
@@ -85,7 +77,6 @@ export default {
 		FormFieldLabel,
 		Tooltip,
 		MultilingualProgress,
-		HelpButton,
 		FieldError,
 	},
 	extends: FieldBase,
diff --git a/src/components/Form/fields/FieldSelectIssue.vue b/src/components/Form/fields/FieldSelectIssue.vue
index 962ebb0d6..e22291d54 100644
--- a/src/components/Form/fields/FieldSelectIssue.vue
+++ b/src/components/Form/fields/FieldSelectIssue.vue
@@ -15,13 +15,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="description"
@@ -54,13 +47,12 @@
 import FieldSelect from './FieldSelect.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
 import FormFieldLabel from '@/components/Form/FormFieldLabel.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 import PkpButton from '@/components/Button/Button.vue';
 
 export default {
 	name: 'FieldSelectIssue',
-	components: {Tooltip, FormFieldLabel, HelpButton, FieldError, PkpButton},
+	components: {Tooltip, FormFieldLabel, FieldError, PkpButton},
 	extends: FieldSelect,
 	props: {
 		assignedNoticeBase: {
diff --git a/src/components/Form/fields/FieldSlider.vue b/src/components/Form/fields/FieldSlider.vue
index e5e3f349f..ea2c5f866 100644
--- a/src/components/Form/fields/FieldSlider.vue
+++ b/src/components/Form/fields/FieldSlider.vue
@@ -22,13 +22,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="isPrimaryLocale && helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -68,12 +61,11 @@
 import FieldBase from './FieldBase.vue';
 import Slider from 'primevue/slider';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FormFieldLabel from '@/components/Form/FormFieldLabel.vue';
 
 export default {
 	name: 'FieldSlider',
-	components: {Slider, Tooltip, HelpButton, FormFieldLabel},
+	components: {Slider, Tooltip, FormFieldLabel},
 	extends: FieldBase,
 	props: {
 		min: {required: true, type: Number},
diff --git a/src/components/Form/fields/FieldText.vue b/src/components/Form/fields/FieldText.vue
index 9391e2e35..1790ee36b 100644
--- a/src/components/Form/fields/FieldText.vue
+++ b/src/components/Form/fields/FieldText.vue
@@ -22,13 +22,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="isPrimaryLocale && helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -88,7 +81,6 @@ import FormFieldLabel from '@/components/Form/FormFieldLabel.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 import PkpButton from '@/components/Button/Button.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
 
 export default {
@@ -98,7 +90,6 @@ export default {
 		FieldError,
 		PkpButton,
 		Tooltip,
-		HelpButton,
 		MultilingualProgress,
 	},
 	extends: FieldBase,
diff --git a/src/components/Form/fields/FieldTextarea.vue b/src/components/Form/fields/FieldTextarea.vue
index 4e2a2107f..2d5aa6280 100644
--- a/src/components/Form/fields/FieldTextarea.vue
+++ b/src/components/Form/fields/FieldTextarea.vue
@@ -22,13 +22,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="isPrimaryLocale && helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -65,7 +58,6 @@
 import FieldBase from './FieldBase.vue';
 import FormFieldLabel from '@/components/Form/FormFieldLabel.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 
@@ -74,7 +66,6 @@ export default {
 	components: {
 		FormFieldLabel,
 		Tooltip,
-		HelpButton,
 		MultilingualProgress,
 		FieldError,
 	},
diff --git a/src/components/Form/fields/FieldUpload.vue b/src/components/Form/fields/FieldUpload.vue
index 4bd6b4d21..e4634b10b 100644
--- a/src/components/Form/fields/FieldUpload.vue
+++ b/src/components/Form/fields/FieldUpload.vue
@@ -17,13 +17,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -113,7 +106,6 @@ import PkpButton from '@/components/Button/Button.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
 import FieldError from '@/components/Form/FieldError.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FormFieldLabel from '@/components/Form/FormFieldLabel.vue';
 
 export default {
@@ -124,7 +116,6 @@ export default {
 		Tooltip,
 		MultilingualProgress,
 		FieldError,
-		HelpButton,
 		FormFieldLabel,
 	},
 	extends: FieldBase,
diff --git a/src/components/Form/fields/FieldUploadImage.vue b/src/components/Form/fields/FieldUploadImage.vue
index 7914795b7..de2e5e1f4 100644
--- a/src/components/Form/fields/FieldUploadImage.vue
+++ b/src/components/Form/fields/FieldUploadImage.vue
@@ -17,13 +17,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -131,7 +124,6 @@
 import FieldUpload from './FieldUpload.vue';
 import PkpButton from '@/components/Button/Button.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FormFieldLabel from '@/components/Form/FormFieldLabel.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
 import FieldError from '@/components/Form/FieldError.vue';
@@ -142,7 +134,6 @@ export default {
 	components: {
 		PkpButton,
 		Tooltip,
-		HelpButton,
 		FormFieldLabel,
 		MultilingualProgress,
 		FieldError,
diff --git a/src/components/HelpButton/HelpButton.mdx b/src/components/HelpButton/HelpButton.mdx
deleted file mode 100644
index 0199a0113..000000000
--- a/src/components/HelpButton/HelpButton.mdx
+++ /dev/null
@@ -1,28 +0,0 @@
-import {
-	Primary,
-	Controls,
-	Stories,
-	Meta,
-	ArgTypes,
-} from '@storybook/addon-docs/blocks';
-
-import * as HelpButtonStories from './HelpButton.stories.js';
-
-<Meta of={HelpButtonStories} />
-
-# Help Button
-
-## Usage
-
-Use this component to display an icon that will open the help panel when clicked.
-
-## Recommendations
-
-Use the help panel when **instructions** for completing actions require further information, such as a description of when one choice should be made over another. This will commonly occur with form fields or other controls where limited space is available.
-
-Use the help panel when you want to provide **recommendations** or **guidance** to the user. This is appropriate for non-required information, such as how to choose a good reviewer, or general usage guidance, such as what steps should be taken on a given workflow stage.
-
-Do _not_ use the help panel for **critical information** that the user needs to complete a required task. The majority of users will not open the help panel, so you should not rely on them reading the information to complete a task.
-
-<Primary />
-<Controls />
diff --git a/src/components/HelpButton/HelpButton.stories.js b/src/components/HelpButton/HelpButton.stories.js
deleted file mode 100644
index 540b2bfcf..000000000
--- a/src/components/HelpButton/HelpButton.stories.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import HelpButton from './HelpButton.vue';
-export default {
-	title: 'Components/HelpButton',
-	component: HelpButton,
-};
-
-export const Default = {
-	render: (args) => ({
-		components: {HelpButton},
-		setup() {
-			return {args};
-		},
-		template: `
-			<HelpButton v-bind="args" />
-		`,
-	}),
-	args: {
-		topic: 'settings',
-		section: 'workflow-library',
-		label: 'Learn more about the Publisher Library',
-	},
-};
diff --git a/src/components/HelpButton/HelpButton.vue b/src/components/HelpButton/HelpButton.vue
deleted file mode 100644
index 04375b21d..000000000
--- a/src/components/HelpButton/HelpButton.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-	<button
-		class="helpButton requestHelpPanel"
-		:data-topic="topic"
-		:data-section="section"
-		@click.prevent
-	>
-		<Icon class="h-5 w-5 text-primary" icon="Help" />
-		<span class="-screenReader">{{ label }}</span>
-	</button>
-</template>
-
-<script>
-import Icon from '@/components/Icon/Icon.vue';
-
-export default {
-	name: 'HelpButton',
-	components: {Icon},
-	props: {
-		/** Which topic to open in the help panel. This will correspond with one of the `.md` files used in the help panel. Do not include the `.md` extension. */
-		topic: {
-			type: String,
-			required: true,
-		},
-		/** Open the help panel to a particular section of the topic. This must match one of the named anchors in the topic page, such as `<a name="workflow-library"></a>`. */
-		section: String,
-		/** A localized label for screen readers. In English this should be "Help". */
-		label: {
-			type: String,
-			required: true,
-		},
-	},
-};
-</script>
-
-<style lang="less">
-@import '../../styles/_import';
-
-.helpButton {
-	display: inline-block;
-	border: none;
-	padding: 0 0.25em;
-	background: transparent;
-	cursor: pointer;
-}
-</style>
diff --git a/src/components/Modal/AjaxModalWrapper.vue b/src/components/Modal/AjaxModalWrapper.vue
index b921bd573..6fee52265 100644
--- a/src/components/Modal/AjaxModalWrapper.vue
+++ b/src/components/Modal/AjaxModalWrapper.vue
@@ -1,5 +1,5 @@
 <template>
-	<div ref="contentDiv" @click="catchInsideClick"></div>
+	<div ref="contentDiv"></div>
 </template>
 <script setup>
 /**
@@ -51,19 +51,6 @@ registerCloseCallback(() => {
 	return true;
 });
 
-function catchInsideClick(e) {
-	// open help dialog
-	// click event does not propagate to the body when in modal
-	// therefore triggering help panel explicitely
-	if (e?.target?.className?.includes('requestHelpPanel')) {
-		// forward it to body
-		e.preventDefault();
-		const $self = $(e.target);
-		const opts = $.extend({}, $self.data(), {caller: $self});
-		$('#pkpHelpPanel').trigger('pkp.HelpPanel.Open', opts);
-	}
-}
-
 /** The wrapping div element for modal is still created by legacy modal handler, but its not mounted
  * only used to keep the legacy event communication going from inside modal to the outside (often its grid component)
  *
diff --git a/src/components/Tooltip/Tooltip.mdx b/src/components/Tooltip/Tooltip.mdx
index 8c37d6241..97cb037f9 100644
--- a/src/components/Tooltip/Tooltip.mdx
+++ b/src/components/Tooltip/Tooltip.mdx
@@ -14,7 +14,7 @@ import * as TooltipStories from './Tooltip.stories.js';
 
 ## Usage
 
-Use the tooltip when you want to provide short advice on how to complete a task. If the advice can not be fit in 25-30 words, consider using a **HelpButton** instead. Do _not_ use the tooltip for information that the user requires to complete a task. Most users will not interact with the tooltip, so you should not rely on them reading the information.
+Use the tooltip when you want to provide short advice on how to complete a task. Do _not_ use the tooltip for information that the user requires to complete a task. Most users will not interact with the tooltip, so you should not rely on them reading the information.
 
 <Primary />
 <Controls />