diff --git a/components/Current/Header/MyPagesMobileDropdown/index.tsx b/components/Current/Header/MyPagesMobileDropdown/index.tsx
index c1b8d8b41..97bc9ac96 100644
--- a/components/Current/Header/MyPagesMobileDropdown/index.tsx
+++ b/components/Current/Header/MyPagesMobileDropdown/index.tsx
@@ -39,7 +39,7 @@ export default function MyPagesMobileDropdown({
       </Title>
       {navigation.menuItems.map((menuItem, idx) => (
         <Fragment key={`${menuItem.display_sign_out_link}-${idx}`}>
-          <Divider color="peach" />
+          <Divider color="subtle" />
           <ul className={styles.dropdownWrapper}>
             <ul className={styles.dropdownLinks}>
               {menuItem.links.map((link) => (
diff --git a/components/TempDesignSystem/Divider/divider.module.css b/components/TempDesignSystem/Divider/divider.module.css
index 29cd94f74..c4dfba6e4 100644
--- a/components/TempDesignSystem/Divider/divider.module.css
+++ b/components/TempDesignSystem/Divider/divider.module.css
@@ -17,6 +17,10 @@
   border-bottom-color: var(--Theme-Primary-Light-On-Surface-Divider);
 }
 
+.subtle {
+  border-bottom-color: var(--Base-Border-Subtle);
+}
+
 .opacity100 {
   opacity: 1;
 }
diff --git a/components/TempDesignSystem/Divider/variants.ts b/components/TempDesignSystem/Divider/variants.ts
index 42ef16c49..8a5564fcf 100644
--- a/components/TempDesignSystem/Divider/variants.ts
+++ b/components/TempDesignSystem/Divider/variants.ts
@@ -7,6 +7,7 @@ export const dividerVariants = cva(styles.divider, {
     color: {
       burgundy: styles.burgundy,
       peach: styles.peach,
+      subtle: styles.subtle,
     },
     opacity: {
       100: styles.opacity100,