diff --git a/docs/src/modules/components/TopLayoutCareers.js b/docs/src/modules/components/TopLayoutCareers.js
index 95daa634e83f0f..0c16563b87b4c7 100644
--- a/docs/src/modules/components/TopLayoutCareers.js
+++ b/docs/src/modules/components/TopLayoutCareers.js
@@ -29,7 +29,11 @@ export default function TopLayoutCareers(props) {
   return (
     <BrandingCssVarsProvider>
       <AppHeader />
-      <Head title={`${title} - MUI`} description={description}>
+      <Head
+        title={`${title} - MUI`}
+        description={description}
+        card="/static/social-previews/careers-preview.jpg"
+      >
         <meta name="robots" content="noindex,nofollow" />
       </Head>
       <StyledDiv>
