diff --git a/src/components/sections/Motivation.js b/src/components/sections/Motivation.js
index 51b7336..313fc1e 100644
--- a/src/components/sections/Motivation.js
+++ b/src/components/sections/Motivation.js
@@ -25,10 +25,11 @@ const Motivation = () => {
                     {
                         content.map((paragraph, index) => {
                             return (
-                                <FlexRow key={`motivation-${index}`} as='li' gap='12px' alignmentY='flex-start'>
+                                <FlexRow key={`motivation-${index}`} as='li' gap='12px' alignmentX='flex-start'
+                                         alignmentY='flex-start'>
                                     <Svg src={cubeIcon} width='14px' height='14px' margin='4px 0 0 0'
                                          backgroundColor={theme.colors.green}/>
-                                    <Body as='p'>
+                                    <Body as='p' width='90%'>
                                         {paragraph}
                                     </Body>
                                 </FlexRow>
diff --git a/src/pages/Challenge.js b/src/pages/Challenge.js
index 0f3ebdf..9c1423d 100644
--- a/src/pages/Challenge.js
+++ b/src/pages/Challenge.js
@@ -1,10 +1,16 @@
 import React from "react";
+import {FlexColumn} from "../utils/containers";
+import {useParams} from "react-router-dom";
+import {H1} from "../utils/fonts";
 
 const Challenge = () => {
+    const challengeId = useParams().challengeId;
     return (
-        <p>
-            siema
-        </p>
+        <FlexColumn minHeight='100vh'>
+            <H1>
+                {challengeId}
+            </H1>
+        </FlexColumn>
     );
 }
 
