From de67486172b60f113ae7560918145fa200791840 Mon Sep 17 00:00:00 2001
From: "Hector A." <v-halfaro@github.com>
Date: Tue, 6 Oct 2026 20:47:45 +0000
Subject: [PATCH 1/2] Migrate SearchOverlay Stack to Primer Brand (#63694)

---
 src/search/components/input/SearchOverlay.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/search/components/input/SearchOverlay.tsx b/src/search/components/input/SearchOverlay.tsx
index 62e449e7fe91..ebecf690624a 100644
--- a/src/search/components/input/SearchOverlay.tsx
+++ b/src/search/components/input/SearchOverlay.tsx
@@ -1,7 +1,8 @@
 import React, { useState, useRef, RefObject, useEffect, useMemo } from 'react'
 import cx from 'clsx'
 import { useRouter } from 'next/router'
-import { ActionList, IconButton, Overlay, Stack, TextInput, Banner } from '@primer/react'
+import { ActionList, IconButton, Overlay, TextInput, Banner } from '@primer/react'
+import { Stack } from '@primer/react-brand'
 import { SearchIcon, XCircleFillIcon, CopilotIcon, ArrowLeftIcon } from '@primer/octicons-react'
 import { focusTrap } from '@primer/behaviors'
 
@@ -685,7 +686,7 @@ export function SearchOverlay({
             onKeyDown={handleKeyDown}
             placeholder={t('search.input.placeholder_no_icon')}
             trailingAction={
-              <Stack justify="center" className={styles.stackMinWidth}>
+              <Stack justifyContent="center" padding="none" className={styles.stackMinWidth}>
                 <TextInput.Action
                   onClick={() => {
                     setSelectedIndex(-1)

From 82152277e03822670abc67e994843b3a418626bf Mon Sep 17 00:00:00 2001
From: "Hector A." <v-halfaro@github.com>
Date: Tue, 6 Oct 2026 20:48:06 +0000
Subject: [PATCH 2/2] Use house `Link` in `CookBookArticleCard` (#63713)

---
 src/landings/components/CookBookArticleCard.module.scss | 4 +++-
 src/landings/components/CookBookArticleCard.tsx         | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/landings/components/CookBookArticleCard.module.scss b/src/landings/components/CookBookArticleCard.module.scss
index f4c019e0d5f4..5c6d2fb8d81e 100644
--- a/src/landings/components/CookBookArticleCard.module.scss
+++ b/src/landings/components/CookBookArticleCard.module.scss
@@ -26,9 +26,11 @@
   gap: 0.25rem;
 }
 
-// The accent color belongs on the Primer React Link because h3 cannot override Link color.
+// Also tints the icon. @primer/css base supplies the link's hover underline and focus ring.
+// The underline offset matches the Primer React Link this replaced.
 .linkAccent {
   color: var(--brand-color-text-link-rest);
+  text-underline-offset: 0.05rem;
 }
 
 // bgColor-accent-muted resolves to Primer's blue wash, #388bfd1a in dark mode,
diff --git a/src/landings/components/CookBookArticleCard.tsx b/src/landings/components/CookBookArticleCard.tsx
index 35b9a69dcb29..80e947307bb6 100644
--- a/src/landings/components/CookBookArticleCard.tsx
+++ b/src/landings/components/CookBookArticleCard.tsx
@@ -1,6 +1,6 @@
 import { Label } from '@primer/react-brand'
-import { Link } from '@primer/react'
 import { clsx } from 'clsx'
+import { Link } from '@/frame/components/Link'
 import { ValidOcticon, getOcticonComponent } from '../lib/octicons'
 
 import styles from './CookBookArticleCard.module.scss'