diff --git a/appointment/static/js/appointments.js b/appointment/static/js/appointments.js
index c21d285..4c9dfdc 100644
--- a/appointment/static/js/appointments.js
+++ b/appointment/static/js/appointments.js
@@ -197,7 +197,7 @@ function getAvailableSlots(selectedDate, staffId = null) {
     // Check if staffId is 'none', null, or undefined and display an error message
     if (staffId === 'none' || staffId === null || staffId === undefined) {
         console.log('No staff ID provided, displaying error message.');
-        const errorMessage = $('<p class="djangoAppt_no-availability-text">'+ noStaffMemberSelected + '</p>');
+        const errorMessage = $('<p class="djangoAppt_no-availability-text">'+ noStaffMemberSelectedTxt + '</p>');
         errorMessageContainer.append(errorMessage);
         // Optionally disable the submit button here
         $('.btn-submit-appointment').attr('disabled', 'disabled');
diff --git a/appointment/templates/appointment/appointments.html b/appointment/templates/appointment/appointments.html
index 266801d..e19b2dc 100644
--- a/appointment/templates/appointment/appointments.html
+++ b/appointment/templates/appointment/appointments.html
@@ -111,7 +111,7 @@ <h1 class="page-title">{{ service.name }}</h1>
     </script>
     <script>
         const requestNonAvailableSlotBtnTxt = "{% trans 'Request next available slot' %}";
-        const noStaffMemberSelected = "{% trans 'No staff member selected.' %}"
+        const noStaffMemberSelectedTxt = "{% trans 'No staff member selected.' %}"
     </script>
     <script src="{% static 'js/appointments.js' %}"></script>
     <script src="{% static 'js/js-utils.js' %}"></script>