From b85b9380c35cb867da969cea5861db87a8448082 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Tue, 17 Mar 2026 13:33:41 +0100
Subject: [PATCH] Fix icon alignment

---
 web/components/icons.tsx         | 4 ++--
 web/components/profile-about.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/components/icons.tsx b/web/components/icons.tsx
index 681c9de1..2c977096 100644
--- a/web/components/icons.tsx
+++ b/web/components/icons.tsx
@@ -4,8 +4,8 @@ import {Row} from 'web/components/layout/row'
 export function IconWithInfo(props: {text: string; icon: ReactNode}) {
   const {text, icon} = props
   return (
-    <Row className="items-center gap-1">
-      <div className="text-ink-500">{icon}</div>
+    <Row className="items-start gap-1">
+      <div className="text-ink-500 mt-1">{icon}</div>
       {text}
     </Row>
   )
diff --git a/web/components/profile-about.tsx b/web/components/profile-about.tsx
index ab86dc26..1022611c 100644
--- a/web/components/profile-about.tsx
+++ b/web/components/profile-about.tsx
@@ -69,8 +69,8 @@ export function AboutRow(props: {
     formattedText += formattedText ? ` (${suffix})` : suffix
   }
   return (
-    <Row className="items-center gap-2" data-testid={testId}>
-      <div className="text-ink-600 w-5">{icon}</div>
+    <Row className="items-start gap-2" data-testid={testId}>
+      <div className="text-ink-600 w-5 mt-0.5">{icon}</div>
       <div>{formattedText}</div>
     </Row>
   )