diff --git a/frontend/src/assets/img/demoQR.png b/frontend/src/assets/img/demo-qr.png
similarity index 100%
rename from frontend/src/assets/img/demoQR.png
rename to frontend/src/assets/img/demo-qr.png
diff --git a/frontend/src/assets/img/userId-image.png b/frontend/src/assets/img/demo-userid.png
similarity index 100%
rename from frontend/src/assets/img/userId-image.png
rename to frontend/src/assets/img/demo-userid.png
diff --git a/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx b/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx
index 7837a3117e..fc3ace03d1 100644
--- a/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx
+++ b/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx
@@ -1,5 +1,5 @@
 import { Button, Divider, Typography, styled } from '@mui/material';
-import qrImage from 'assets/img/demoQR.png';
+import demoQR from 'assets/img/demo-qr.png';
 import { formatAssetPath } from 'utils/formatPath';
 import { Launch } from '@mui/icons-material';
 import { DemoDialog } from '../DemoDialog';
@@ -72,7 +72,7 @@ export const DemoDialogWelcome = ({
                     Scan the QR code with your phone
                 </StyledScanMessage>
                 <StyledQRCode
-                    src={formatAssetPath(qrImage)}
+                    src={formatAssetPath(demoQR)}
                     alt="Demo QR Code"
                 />
                 <StyledDivider>OR</StyledDivider>
diff --git a/frontend/src/component/demo/demo-topics.tsx b/frontend/src/component/demo/demo-topics.tsx
index 2e66dc9288..72efc9fa67 100644
--- a/frontend/src/component/demo/demo-topics.tsx
+++ b/frontend/src/component/demo/demo-topics.tsx
@@ -4,7 +4,7 @@ import { Badge } from 'component/common/Badge/Badge';
 import { Step } from 'react-joyride';
 import { gradualRollout, variants } from './demo-setup';
 import { basePath, formatAssetPath } from 'utils/formatPath';
-import userIdImage from 'assets/img/userId-image.png';
+import demoUserId from 'assets/img/demo-userid.png';
 
 export interface ITutorialTopicStep extends Step {
     href?: string;
@@ -226,7 +226,7 @@ export const TOPICS: ITutorialTopic[] = [
                             You can find your userId on the demo page.
                         </Badge>
                         <StyledImg
-                            src={formatAssetPath(userIdImage)}
+                            src={formatAssetPath(demoUserId)}
                             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={formatAssetPath(userIdImage)}
+                            src={formatAssetPath(demoUserId)}
                             alt="You can find your userId on the demo page."
                         />
                         <Description sx={{ mt: 1 }}>