diff --git a/src/components/CCIP/Landing/NetworkGrid.tsx b/src/components/CCIP/Landing/NetworkGrid.tsx
index d025403b7df..6d26cec5d1a 100644
--- a/src/components/CCIP/Landing/NetworkGrid.tsx
+++ b/src/components/CCIP/Landing/NetworkGrid.tsx
@@ -22,7 +22,7 @@ function NetworkGrid({ networks, environment }: NetworkGridProps) {
     <>
       <div className="networks__grid">
         {networks.slice(0, seeMore ? networks.length : BEFORE_SEE_MORE).map((chain) => (
-          <a href={`/ccip/directory/${environment}/chain/${chain.chain}`}>
+          <a href={`/ccip/directory/${environment}/chain/${chain.chain}`} key={chain.chain}>
             <NetworkCard
               name={chain.name}
               totalLanes={chain.totalLanes}
diff --git a/src/layouts/CcipLayout.astro b/src/layouts/CcipLayout.astro
index 5c9b2d9771b..29487b705f4 100644
--- a/src/layouts/CcipLayout.astro
+++ b/src/layouts/CcipLayout.astro
@@ -7,6 +7,7 @@ import BaseLayout from "./BaseLayout.astro"
 import DocsNavigation from "~/components/DocsNavigation"
 import Segments from "~/components/Segment/Segments"
 import { Environment } from "~/config/data/ccip"
+import Drawer from "~/components/CCIP/Drawer/Drawer"
 
 interface Props {
   frontmatter: BaseFrontmatter
@@ -32,6 +33,7 @@ const includeLinkToWalletScript = !!Astro.props.frontmatter.metadata?.linkToWall
 ---
 
 <BaseLayout title={formattedContentTitle} metadata={frontmatter.metadata}>
+  <Drawer client:only="react" />
   <StickyHeader client:media="(max-width: 50em)" {initialHeadings} />
   <DocsNavigation client:load pathname={currentPage}>
     <Segments