From 53c33fef130c050a1cbf6dc781432ed0f6d373e8 Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Thu, 12 Dec 2024 10:22:17 +0100
Subject: [PATCH] fix(LOY-10): My pages sidebar UI tweaks

---
 app/[lang]/(live)/(protected)/my-pages/layout.module.css | 2 +-
 components/MyPages/Sidebar/index.tsx                     | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/[lang]/(live)/(protected)/my-pages/layout.module.css b/app/[lang]/(live)/(protected)/my-pages/layout.module.css
index 199a19362..fdde0e3af 100644
--- a/app/[lang]/(live)/(protected)/my-pages/layout.module.css
+++ b/app/[lang]/(live)/(protected)/my-pages/layout.module.css
@@ -23,7 +23,7 @@
 @media screen and (min-width: 1367px) {
   .content {
     gap: var(--Spacing-x5);
-    grid-template-columns: max(360px) 1fr;
+    grid-template-columns: max(340px) 1fr;
     padding-left: var(--Spacing-x5);
     padding-right: var(--Spacing-x5);
   }
diff --git a/components/MyPages/Sidebar/index.tsx b/components/MyPages/Sidebar/index.tsx
index 8a871d253..0dd8d36a2 100644
--- a/components/MyPages/Sidebar/index.tsx
+++ b/components/MyPages/Sidebar/index.tsx
@@ -18,7 +18,9 @@ export default async function SidebarMyPages() {
   return (
     <aside className={styles.sidebar}>
       <nav className={styles.nav}>
-        <Subtitle type="two">{navigation?.title}</Subtitle>
+        <Subtitle type="two" color="baseTextHighContrast">
+          {navigation?.title}
+        </Subtitle>
         {navigation?.menuItems.map((menuItem, idx) => (
           <Fragment key={`${menuItem.display_sign_out_link}-${idx}`}>
             <Divider color="beige" />