diff --git a/src/frontend/apps/impress/src/features/header/Header.tsx b/src/frontend/apps/impress/src/features/header/Header.tsx
index 66f496d8..c0344ccd 100644
--- a/src/frontend/apps/impress/src/features/header/Header.tsx
+++ b/src/frontend/apps/impress/src/features/header/Header.tsx
@@ -19,7 +19,7 @@ const RedStripe = styled.div`
   position: absolute;
   height: 5px;
   width: 100%;
-  background: var(--c--theme--colors--danger-500);
+  background: var(--c--theme--colors--primary-500);
   top: 0;
 `;
 
@@ -55,7 +55,7 @@ export const Header = () => {
             <Box $align="center" $gap="1rem" $direction="row">
               <Image priority src={IconImpress} alt={t('Impress Logo')} />
               <Text $margin="none" as="h2" $theme="primary">
-                {t('Impress')}
+                {t('Impress Demo')}
               </Text>
             </Box>
           </StyledLink>
diff --git a/src/frontend/apps/impress/src/layouts/MainLayout.tsx b/src/frontend/apps/impress/src/layouts/MainLayout.tsx
index a28d504f..3ff8f121 100644
--- a/src/frontend/apps/impress/src/layouts/MainLayout.tsx
+++ b/src/frontend/apps/impress/src/layouts/MainLayout.tsx
@@ -12,6 +12,7 @@ export function MainLayout({ children }: { children: React.ReactNode }) {
             as="main"
             $height={`calc(100vh - ${HEADER_HEIGHT})`}
             $width="100%"
+            $background="aliceblue"
           >
             {children}
           </Box>
diff --git a/src/helm/env.d/preprod/values.impress.yaml.gotmpl b/src/helm/env.d/preprod/values.impress.yaml.gotmpl
index 59374322..4f687c66 100644
--- a/src/helm/env.d/preprod/values.impress.yaml.gotmpl
+++ b/src/helm/env.d/preprod/values.impress.yaml.gotmpl
@@ -115,7 +115,7 @@ frontend:
   image:
     repository: lasuite/impress-frontend
     pullPolicy: Always
-    tag: "v0.1.0"
+    tag: "v0.1.0-demo"
 
 webrtc:
   image: