feat: have basic code syntax highlighting working

1 files changed, 6 insertions, 1 deletions

diff --git a/packages/website/ts/pages/instant/configurator.tsx b/packages/website/ts/pages/instant/configurator.tsx
index c836739bb..2314f968f 100644
--- a/packages/website/ts/pages/instant/configurator.tsx
+++ b/packages/website/ts/pages/instant/configurator.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 
 import { Container } from 'ts/components/ui/container';
+import { CodeDemo } from 'ts/pages/instant/code_demo';
 import { colors } from 'ts/style/colors';
 
 export interface ConfiguratorProps {
@@ -8,5 +9,9 @@ export interface ConfiguratorProps {
 }
 
 export const Configurator = (props: ConfiguratorProps) => (
-    <Container id={props.hash} height="400px" backgroundColor={colors.instantTertiaryBackground} />
+    <Container id={props.hash} height="400px" backgroundColor={colors.instantTertiaryBackground}>
+        <Container width="50%">
+            <CodeDemo />
+        </Container>
+    </Container>
 );