diff --git a/frontend/src/component/demo/demo-topics.tsx b/frontend/src/component/demo/demo-topics.tsx
index 6ce22a683c..2e66dc9288 100644
--- a/frontend/src/component/demo/demo-topics.tsx
+++ b/frontend/src/component/demo/demo-topics.tsx
@@ -3,7 +3,7 @@ import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
 import { Badge } from 'component/common/Badge/Badge';
 import { Step } from 'react-joyride';
 import { gradualRollout, variants } from './demo-setup';
-import { basePath } from 'utils/formatPath';
+import { basePath, formatAssetPath } from 'utils/formatPath';
 import userIdImage from 'assets/img/userId-image.png';
 
 export interface ITutorialTopicStep extends Step {
@@ -226,7 +226,7 @@ export const TOPICS: ITutorialTopic[] = [
                             You can find your userId on the demo page.
                         </Badge>
                         <StyledImg
-                            src={userIdImage}
+                            src={formatAssetPath(userIdImage)}
                             alt="You can find your userId on the demo page."
                         />
                         <Description sx={{ mt: 1 }}>
@@ -577,7 +577,7 @@ export const TOPICS: ITutorialTopic[] = [
                             You can find your userId on the demo page.
                         </Badge>
                         <StyledImg
-                            src={userIdImage}
+                            src={formatAssetPath(userIdImage)}
                             alt="You can find your userId on the demo page."
                         />
                         <Description sx={{ mt: 1 }}>