diff --git a/frontend/src/assets/img/demo-qr.png b/frontend/src/assets/img/demo-qr.png
index 3d7cd1e2db..a3d3b9c5c7 100644
Binary files a/frontend/src/assets/img/demo-qr.png and b/frontend/src/assets/img/demo-qr.png differ
diff --git a/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx b/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx
index f7777d0fb4..6dd52a6acd 100644
--- a/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx
+++ b/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx
@@ -42,7 +42,15 @@ const StyledLink = styled('a')(({ theme }) => ({
},
}));
-const StyledStartButton = styled(Button)(({ theme }) => ({
+const StyledButtons = styled('div')(({ theme }) => ({
+ display: 'flex',
+ flexDirection: 'row',
+ justifyContent: 'space-between',
+ gap: theme.spacing(4),
+}));
+
+const StyledButton = styled(Button)(({ theme }) => ({
+ flex: 1,
height: theme.spacing(7),
}));
@@ -79,7 +87,7 @@ export const DemoDialogWelcome = ({
Open demo website in another tab:{' '}
{
@@ -93,14 +101,23 @@ export const DemoDialogWelcome = ({
(we recommend you keep the pages open side by side)
-
- Try Unleash demo
-
+
+
+ Explore on your own
+
+
+ Go for a guided tour
+
+
);
};