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" />