From ca2879ff6250404bc3e39edeff31fe8132529bd0 Mon Sep 17 00:00:00 2001
From: Juraj Majerik <juro.majerik@gmail.com>
Date: Wed, 27 Mar 2024 09:03:55 +0100
Subject: [PATCH] rearrange

---
 frontend/src/scenes/experiments/ExperimentNext.tsx  | 13 +++++++++++--
 .../experiments/ExperimentView/ProgressBar.tsx      |  1 +
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/scenes/experiments/ExperimentNext.tsx b/frontend/src/scenes/experiments/ExperimentNext.tsx
index e4f716d947190..896a3f31f6b20 100644
--- a/frontend/src/scenes/experiments/ExperimentNext.tsx
+++ b/frontend/src/scenes/experiments/ExperimentNext.tsx
@@ -1,5 +1,6 @@
 import './Experiment.scss'
 
+import { LemonDivider } from '@posthog/lemon-ui'
 import { useActions, useValues } from 'kea'
 
 import { ExperimentForm } from './ExperimentForm'
@@ -36,8 +37,16 @@ export function ExperimentView(): JSX.Element {
                         ) : experimentResults && experimentResults.insight ? (
                             <>
                                 <Overview />
-                                <ProgressBar />
-                                <Goal />
+                                <LemonDivider />
+                                <div className="flex">
+                                    <div className="w-1/2">
+                                        <Goal />
+                                    </div>
+
+                                    <div className="w-1/2 flex flex-col">
+                                        <ProgressBar />
+                                    </div>
+                                </div>
                                 <Results />
                                 <ExperimentGoalModal experimentId={experimentId} />
                                 <ExperimentExposureModal experimentId={experimentId} />
diff --git a/frontend/src/scenes/experiments/ExperimentView/ProgressBar.tsx b/frontend/src/scenes/experiments/ExperimentView/ProgressBar.tsx
index 1cedbcf500d6c..a0fc6c3c24c52 100644
--- a/frontend/src/scenes/experiments/ExperimentView/ProgressBar.tsx
+++ b/frontend/src/scenes/experiments/ExperimentView/ProgressBar.tsx
@@ -30,6 +30,7 @@ export function ProgressBar(): JSX.Element {
 
     return (
         <div>
+            <h2 className="font-semibold text-lg">Data collection</h2>
             <div className="mb-1 font-semibold">{`${
                 experimentProgressPercent > 100 ? 100 : experimentProgressPercent.toFixed(2)
             }% complete`}</div>