diff --git a/app/[locale]/resources/page.tsx b/app/[locale]/resources/page.tsx
index 588b7efb55c..69434cd04d0 100644
--- a/app/[locale]/resources/page.tsx
+++ b/app/[locale]/resources/page.tsx
@@ -75,7 +75,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
       />
 
       <Stack className="gap-4 px-2 py-6 md:gap-8 md:px-4 lg:px-8 xl:gap-11">
-        <div className="sticky top-5 flex flex-col items-center gap-3 text-center md:top-6 md:px-2">
+        <div className="sticky top-5 z-docked flex flex-col items-center gap-3 text-center md:top-6 md:px-2">
           <div className="my-2 text-body-medium">
             {t("page-resources-whats-on-this-page")}
           </div>