diff --git a/DigitalLearningSolutions.Web/Views/Shared/Components/NumericInput/Default.cshtml b/DigitalLearningSolutions.Web/Views/Shared/Components/NumericInput/Default.cshtml
index 1df820fed2..91ecf9f654 100644
--- a/DigitalLearningSolutions.Web/Views/Shared/Components/NumericInput/Default.cshtml
+++ b/DigitalLearningSolutions.Web/Views/Shared/Components/NumericInput/Default.cshtml
@@ -24,7 +24,7 @@
     }
     @if (Model.HasError)
     {
-        <div class="nhsuk-u-padding-top-1 nhsuk-u-padding-bottom-3">
+        <div id="@Model.Name-error" class="nhsuk-u-padding-top-1 nhsuk-u-padding-bottom-3">
             @foreach (var errorMessage in Model.ErrorMessages)
             {
                 <span class="error-message--margin-bottom-1 nhsuk-error-message">
diff --git a/DigitalLearningSolutions.Web/Views/Shared/Components/TextArea/Default.cshtml b/DigitalLearningSolutions.Web/Views/Shared/Components/TextArea/Default.cshtml
index c0ad67328f..8eabd3313a 100644
--- a/DigitalLearningSolutions.Web/Views/Shared/Components/TextArea/Default.cshtml
+++ b/DigitalLearningSolutions.Web/Views/Shared/Components/TextArea/Default.cshtml
@@ -29,7 +29,7 @@
     }
     @if (Model.HasError)
     {
-        <div class="nhsuk-u-padding-top-1 nhsuk-u-padding-bottom-3">
+        <div id="@Model.Name-error" class="nhsuk-u-padding-top-1 nhsuk-u-padding-bottom-3">
             @foreach (var errorMessage in Model.ErrorMessages)
             {
                 <span class="error-message--margin-bottom-1 nhsuk-error-message">
diff --git a/DigitalLearningSolutions.Web/Views/Shared/Components/TextInput/Default.cshtml b/DigitalLearningSolutions.Web/Views/Shared/Components/TextInput/Default.cshtml
index 9ffbd38631..5aeca9c0ea 100644
--- a/DigitalLearningSolutions.Web/Views/Shared/Components/TextInput/Default.cshtml
+++ b/DigitalLearningSolutions.Web/Views/Shared/Components/TextInput/Default.cshtml
@@ -24,7 +24,7 @@
     }
     @if (Model.HasError)
     {
-        <div class="nhsuk-u-padding-top-1 nhsuk-u-padding-bottom-3">
+        <div id="@Model.Name-error" class="nhsuk-u-padding-top-1 nhsuk-u-padding-bottom-3">
             @foreach (var errorMessage in Model.ErrorMessages)
             {
                 <span class="error-message--margin-bottom-1 nhsuk-error-message">