diff --git a/frontend/src/components/steps/Step.js b/frontend/src/components/steps/Step.js
index b6c3068..dd50c37 100644
--- a/frontend/src/components/steps/Step.js
+++ b/frontend/src/components/steps/Step.js
@@ -14,10 +14,10 @@ export default function Step(props) {
                     props.contentComponent
                 ) : (
                     <Row style={{height: '100%'}}>
-                        <Col md="4" sm="12" style={{display: 'flex', alignItems: 'center'}}>
+                        <Col lg={{ size: "3", offset: 1 }} md="5" sm="12" style={{display: 'flex', alignItems: 'center', justifyContent: 'center'}}>
                             {props.informationComponent}
                         </Col>
-                        <Col md="8" sm="12" style={{display: 'flex', alignItems: 'center'}}>
+                        <Col lg={{ size: "7", offset: 1}} md="7" sm="12" style={{display: 'flex', alignItems: 'center'}}>
                             {props.selectionComponent}
                         </Col>
                     </Row>
diff --git a/frontend/src/components/steps/StepInformation.js b/frontend/src/components/steps/StepInformation.js
index 48e5909..1c5c174 100644
--- a/frontend/src/components/steps/StepInformation.js
+++ b/frontend/src/components/steps/StepInformation.js
@@ -1,7 +1,7 @@
 export default function StepInformation(props) {
     return (
         <div className='ph-4'>
-            <h4>{props.title}</h4>
+            <h3>{props.title}</h3>
             <br/>
             {props.description}
         </div>