From 3dd0d78f77ffa73c1f725a8cda83d8af6942730b Mon Sep 17 00:00:00 2001
From: mark-start-nhs <Mark.start1@nhs.net>
Date: Fri, 20 Dec 2024 09:36:23 +0000
Subject: [PATCH] [PRMP-1239] NEW SERVICE updated to be New service (#495)

* PRMP-1239

* for pr
---
 app/cypress/e2e/0-ndr-core-tests/homepage.cy.js            | 2 +-
 app/src/components/layout/phaseBanner/PhaseBanner.test.tsx | 2 +-
 app/src/components/layout/phaseBanner/PhaseBanner.tsx      | 2 +-
 app/src/styles/App.scss                                    | 4 ++++
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/cypress/e2e/0-ndr-core-tests/homepage.cy.js b/app/cypress/e2e/0-ndr-core-tests/homepage.cy.js
index 3472e96df..ba635d03e 100644
--- a/app/cypress/e2e/0-ndr-core-tests/homepage.cy.js
+++ b/app/cypress/e2e/0-ndr-core-tests/homepage.cy.js
@@ -34,7 +34,7 @@ describe('Home Page', () => {
     });
 
     it('displays service banner', { tags: 'regression' }, () => {
-        cy.get('.govuk-phase-banner__content__tag').should('have.text', 'New Service');
+        cy.get('.govuk-phase-banner__content__tag').should('have.text', 'New service');
         cy.get('.govuk-phase-banner__text').should(
             'have.text',
             'Your feedback will help us to improve this service.',
diff --git a/app/src/components/layout/phaseBanner/PhaseBanner.test.tsx b/app/src/components/layout/phaseBanner/PhaseBanner.test.tsx
index 685fb953d..5be57d777 100644
--- a/app/src/components/layout/phaseBanner/PhaseBanner.test.tsx
+++ b/app/src/components/layout/phaseBanner/PhaseBanner.test.tsx
@@ -20,7 +20,7 @@ describe('PhaseBanner', () => {
         it('renders PhaseBanner with content', () => {
             renderComponent();
 
-            expect(screen.getByText('New Service')).toBeInTheDocument();
+            expect(screen.getByText('New service')).toBeInTheDocument();
 
             expect(screen.getByText(/Your/i)).toBeInTheDocument();
             expect(screen.getByText(/feedback/i)).toBeInTheDocument();
diff --git a/app/src/components/layout/phaseBanner/PhaseBanner.tsx b/app/src/components/layout/phaseBanner/PhaseBanner.tsx
index 61b66c048..fd24c6b8a 100644
--- a/app/src/components/layout/phaseBanner/PhaseBanner.tsx
+++ b/app/src/components/layout/phaseBanner/PhaseBanner.tsx
@@ -24,7 +24,7 @@ function PhaseBanner() {
             <div className="nhsuk-width-container">
                 <div className="govuk-phase-banner__content">
                     <strong className="govuk-tag govuk-phase-banner__content__tag">
-                        New Service
+                        New service
                     </strong>
                     <p className="govuk-phase-banner__text">
                         Your {linkToFeedbackPage} will help us to improve this service.
diff --git a/app/src/styles/App.scss b/app/src/styles/App.scss
index 096f72080..945b40c1d 100644
--- a/app/src/styles/App.scss
+++ b/app/src/styles/App.scss
@@ -793,6 +793,10 @@ $hunit: '%';
     border: none;
 }
 
+.govuk-phase-banner__content__tag {
+    text-transform: none;
+}
+
 .govuk-warning-text__icon {
     border: 3px solid $color_nhsuk-yellow;
     background: $color_nhsuk-yellow;