From fee03e0a4e21d30d63c3ea0047d5552abe47aa51 Mon Sep 17 00:00:00 2001
From: Dmitry Egorov <d.yegorov@gmail.com>
Date: Wed, 27 May 2026 18:16:40 +0300
Subject: [PATCH 1/2] chore: start work on #428


From 479a3842329957e2db397fa567ce906163accc46 Mon Sep 17 00:00:00 2001
From: Dmitry Egorov <d.yegorov@gmail.com>
Date: Wed, 27 May 2026 18:18:51 +0300
Subject: [PATCH 2/2] Implement #428: Left-align hero icon and heading

---
 packages/frontend/src/components/FirstConnectionModal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/FirstConnectionModal.tsx b/packages/frontend/src/components/FirstConnectionModal.tsx
index aa1b48f..8553933 100644
--- a/packages/frontend/src/components/FirstConnectionModal.tsx
+++ b/packages/frontend/src/components/FirstConnectionModal.tsx
@@ -373,7 +373,7 @@ export function FirstConnectionModal({
         </button>
 
         {/* Hero icon — 72×72 tinted circle */}
-        <div className="flex justify-center">
+        <div className="flex justify-start">
           <div
             className="inline-flex shrink-0 items-center justify-center rounded-full"
             style={{
@@ -392,7 +392,7 @@ export function FirstConnectionModal({
         <h2
           id={headingId}
           className={[
-            "m-0 text-center",
+            "m-0 text-left",
             "font-[family-name:var(--font-display)]",
             "text-[length:var(--text-pipeline-heading-m)]",
             "leading-[var(--text-pipeline-heading-m--line-height)]",