From 42866765c25853ceaeab6ca0e0f914026ef803c6 Mon Sep 17 00:00:00 2001
From: rdbsolutions <rob@rdbsolutions.co.uk>
Date: Wed, 9 Jul 2025 09:20:41 +0100
Subject: [PATCH] adjsuted image size

---
 components/myportal/servicebanner.js   |  8 ++++++++
 components/servicebanner.js            |  6 +++++-
 styles/sass/welshgov/_application.scss | 15 ++++++++++++---
 3 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/components/myportal/servicebanner.js b/components/myportal/servicebanner.js
index 2d6f3960..b66548e0 100644
--- a/components/myportal/servicebanner.js
+++ b/components/myportal/servicebanner.js
@@ -43,6 +43,11 @@ const ServiceBanner = (props) => {
                 {portalLogoLink.includes(router.pathname) ? (
                     <Link href={"/myportal"}>
                         <img
+                            className={
+                                "serviceTitle" + router.locale == "cy"
+                                    ? "cy"
+                                    : ""
+                            }
                             src={
                                 router.locale == "cy"
                                     ? "/assets/images/planning-casework-cy.svg"
@@ -57,6 +62,9 @@ const ServiceBanner = (props) => {
                     </Link>
                 ) : (
                     <img
+                        className={
+                            "serviceTitle" + router.locale == "cy" ? "cy" : ""
+                        }
                         src={
                             router.locale == "cy"
                                 ? "/assets/images/planning-casework-cy.svg"
diff --git a/components/servicebanner.js b/components/servicebanner.js
index 5f7ccfdc..324c82ee 100644
--- a/components/servicebanner.js
+++ b/components/servicebanner.js
@@ -18,7 +18,11 @@ export default function ServiceBanner(props) {
         <div className="servicebanner">
             <h1>
                 <img
-                    className="govuk-!-margin-top-4"
+                    className={
+                        router.locale == "cy"
+                            ? "govuk-!-margin-top-4 serviceTitle cy"
+                            : "govuk-!-margin-top-4 serviceTitle"
+                    }
                     src={
                         router.locale == "cy"
                             ? "/assets/images/planning-casework-cy.svg"
diff --git a/styles/sass/welshgov/_application.scss b/styles/sass/welshgov/_application.scss
index 8db86b76..79dad4de 100644
--- a/styles/sass/welshgov/_application.scss
+++ b/styles/sass/welshgov/_application.scss
@@ -291,9 +291,7 @@ a.longLinkBreak {
 
         width: 104%;
 
-        img {
-            width: 99.9%;
-        }
+
 
         .pedw_logo {
             width: 120px;
@@ -301,6 +299,17 @@ a.longLinkBreak {
         }
 
         @media screen and (max-width: 670px) {
+            img {
+
+                &.serviceTitle {
+                    width: 236px;
+
+                    &.cy {
+                        width: 238px;
+                    }
+                }
+            }
+
             flex-direction: column-reverse;
             align-items: flex-start;