diff --git a/docs/src/components/home/MaterialDesignDemo.tsx b/docs/src/components/home/MaterialDesignDemo.tsx
index d03dd8435087ea..c9e6faefca07f0 100644
--- a/docs/src/components/home/MaterialDesignDemo.tsx
+++ b/docs/src/components/home/MaterialDesignDemo.tsx
@@ -15,7 +15,7 @@ import { withPointer } from 'docs/src/components/home/ElementPointer';
 
 export const componentCode = `<Card>
   <Box sx={{ p: 2, display: 'flex' }}>
-    <Avatar variant="rounded" src="avatar1.jpg" />
+    <Avatar variant="rounded" src="avatar.jpg" />
     <Stack spacing={0.5}>
       <Typography fontWeight="bold">Lucas Smith</Typography>  
       <Typography variant="body2" color="text.secondary">
@@ -64,7 +64,7 @@ export default function MaterialDesignDemo(props: CardProps) {
       <Box sx={{ p: 2, display: 'flex' }}>
         <Avatar
           variant="rounded"
-          src="static/images/avatar/2.jpg"
+          src="/static/images/avatar/2.jpg"
           imgProps={{ 'aria-labelledby': 'demo-task-card-assignee-name' }}
         />
         <Stack
diff --git a/docs/src/components/showcase/TaskCard.tsx b/docs/src/components/showcase/TaskCard.tsx
index 2ad47e269570ec..e88aa68f28353d 100644
--- a/docs/src/components/showcase/TaskCard.tsx
+++ b/docs/src/components/showcase/TaskCard.tsx
@@ -50,7 +50,7 @@ export default function TaskCard() {
           >
             <Avatar
               imgProps={{ 'aria-labelledby': 'demo-task-card-assignee-name' }}
-              src="static/images/avatar/2.jpg"
+              src="/static/images/avatar/2.jpg"
             />
           </Box>
           <div>