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>
   )