diff --git a/docs/src/modules/components/TopLayoutCareers.js b/docs/src/modules/components/TopLayoutCareers.js index 366991c365dec0..8b22f0950ca308 100644 --- a/docs/src/modules/components/TopLayoutCareers.js +++ b/docs/src/modules/components/TopLayoutCareers.js @@ -10,6 +10,7 @@ import AppHeader from 'docs/src/layouts/AppHeader'; import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider'; import MarkdownElement from 'docs/src/modules/components/MarkdownElement'; import { Link } from '@mui/docs/Link'; +import { useTranslate } from 'docs/src/modules/utils/i18n'; const StyledDiv = styled('div')(({ theme }) => ({ flex: '1 0 100%', @@ -34,6 +35,7 @@ const StyledAppContainer = styled(AppContainer)(({ theme }) => ({ export default function TopLayoutCareers(props) { const { docs } = props; const { description, rendered, title } = docs.en; + const t = useTranslate(); return ( @@ -51,11 +53,10 @@ export default function TopLayoutCareers(props) { href="/careers/#open-roles" rel="nofollow" variant="body2" - sx={{ display: 'flex', gap: 0.5, alignItems: 'center', mb: 2 }} + sx={{ display: 'flex', gap: 0.5, alignItems: 'center', mb: 4 }} > - {/* eslint-disable-next-line material-ui/no-hardcoded-labels */} - {'Back to open roles'} + {t('backToOpenRoles')} {rendered.map((chunk, index) => { return ; diff --git a/packages/mui-docs/src/translations/translations.json b/packages/mui-docs/src/translations/translations.json index 555c2b6f9306ee..fa24d3122de6ee 100644 --- a/packages/mui-docs/src/translations/translations.json +++ b/packages/mui-docs/src/translations/translations.json @@ -75,6 +75,7 @@ "toggleSettings": "Toggle settings drawer" }, "backToTop": "Scroll back to top", + "backToOpenRoles": "Back to open roles", "blogDescr": "A polished blog page layout. Markdown support is courtesy of markdown-to-jsx.", "blogTitle": "Blog", "bundleSize": "Bundle size",