From d9908b06ddb24dbe1648f233d933d5ee465e300f Mon Sep 17 00:00:00 2001
From: Michael Matloka <michal@matloka.com>
Date: Wed, 6 Dec 2023 00:16:01 +0100
Subject: [PATCH] Use digits for better text flow

---
 .../navigation-3000/sidepanel/panels/SidePanelWelcome.scss  | 2 +-
 .../navigation-3000/sidepanel/panels/SidePanelWelcome.tsx   | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.scss b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.scss
index f6195230c0cae..27a30f72355fb 100644
--- a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.scss
+++ b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.scss
@@ -8,6 +8,6 @@
 
 .SidePanelWelcome__hero {
     background: url('../../../../../public/3000/3000-launch.png') no-repeat;
-    background-position: right min(calc(-5rem + 75%), 0rem) bottom;
+    background-position: right min(-5rem + 45%, 0rem) bottom;
     background-size: 22.875rem auto;
 }
diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.tsx b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.tsx
index afb13eb1f3241..1d94384f276f4 100644
--- a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.tsx
+++ b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.tsx
@@ -105,9 +105,9 @@ export const SidePanelWelcome = (): JSX.Element => {
                         👋 <span className="opacity-75">Say hello to</span>
                         <div className="text-primary-3000 text-2xl font-bold">PostHog 3000</div>
                     </h1>
-                    <p className="max-w-120 text-sm font-medium mb-3 opacity-75">We're past zero to one.</p>
-                    <p className="max-w-40 text-sm font-medium mb-3 opacity-75">
-                        It's time to go from one to 3000. And this is just the beginning...
+                    <p className="text-sm font-medium mb-3 opacity-75">We're past 0 to 1.</p>
+                    <p className="text-sm font-medium mb-3 opacity-75" style={{ maxWidth: 'calc(50% - 1rem)' }}>
+                        It's time to go from 1 to&nbsp;3000. And&nbsp;this is just the&nbsp;beginning…
                     </p>
                     <div className="flex">
                         <LemonButton