From 6c305f80f9094fb28339d983218ef09a119a6e40 Mon Sep 17 00:00:00 2001
From: Brandon Cooper <brandon.cooper@adhocteam.us>
Date: Fri, 27 Dec 2024 10:22:21 -0500
Subject: [PATCH] change load more facilities button to use va-button and be a
 secondary button

---
 .../components/FormFields/FacilitySearch.jsx          | 11 +++++------
 .../components/FormFields/FacilitySearch.unit.spec.js |  4 +++-
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/applications/caregivers/components/FormFields/FacilitySearch.jsx b/src/applications/caregivers/components/FormFields/FacilitySearch.jsx
index c787b0acf2d4..b2a51bb9acfc 100644
--- a/src/applications/caregivers/components/FormFields/FacilitySearch.jsx
+++ b/src/applications/caregivers/components/FormFields/FacilitySearch.jsx
@@ -234,13 +234,12 @@ const FacilitySearch = props => {
           <FacilityList {...facilityListProps} />
           {loadingMoreFacilities && loader()}
           {hasMoreFacilities() && (
-            <button
-              type="button"
-              className="va-button-link"
+            <va-button
+              text="Load more facilities"
               onClick={showMoreFacilities}
-            >
-              Load more facilities
-            </button>
+              secondary
+              uswds
+            />
           )}
         </>
       );
diff --git a/src/applications/caregivers/tests/unit/components/FormFields/FacilitySearch.unit.spec.js b/src/applications/caregivers/tests/unit/components/FormFields/FacilitySearch.unit.spec.js
index 8580a0fa0c52..f90debaa7787 100644
--- a/src/applications/caregivers/tests/unit/components/FormFields/FacilitySearch.unit.spec.js
+++ b/src/applications/caregivers/tests/unit/components/FormFields/FacilitySearch.unit.spec.js
@@ -74,7 +74,9 @@ describe('CG <FacilitySearch>', () => {
       loader: container.querySelector('va-loading-indicator'),
       radioList: container.querySelector('va-radio'),
       searchInputError: queryByRole('alert'),
-      moreFacilities: queryByText('Load more facilities'),
+      moreFacilities: container.querySelector(
+        'va-button[text="Load more facilities"]',
+      ),
       formNavButtons: {
         back: getByText('Back'),
         forward: getByText('Continue'),