From 5d368a61eb7a7e54bafdf7b476d204afc16b5cc7 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Tue, 24 Feb 2026 23:25:57 +0100
Subject: [PATCH] Fixes interest indicator section

---
 web/components/messaging/send-message-button.tsx | 2 +-
 web/components/profile/connect-actions.tsx       | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/web/components/messaging/send-message-button.tsx b/web/components/messaging/send-message-button.tsx
index 2a4c7100..9f67b4a9 100644
--- a/web/components/messaging/send-message-button.tsx
+++ b/web/components/messaging/send-message-button.tsx
@@ -109,7 +109,7 @@ export const SendMessageButton = (props: {
             onClick={messageButtonClicked}
             disabled={disabled}
           >
-            {t('messaging.send_thoughtful_message', 'Send them a thoughtful message')}
+            {text}
           </Button>
         ) : circleButton ? (
           <button
diff --git a/web/components/profile/connect-actions.tsx b/web/components/profile/connect-actions.tsx
index 565f408e..4c1747db 100644
--- a/web/components/profile/connect-actions.tsx
+++ b/web/components/profile/connect-actions.tsx
@@ -6,6 +6,7 @@ import ReactMarkdown from 'react-markdown'
 import {Col} from 'web/components/layout/col'
 import {Row} from 'web/components/layout/row'
 import {SendMessageButton} from 'web/components/messaging/send-message-button'
+import {Subtitle} from 'web/components/widgets/profile-subtitle'
 import {Tooltip} from 'web/components/widgets/tooltip'
 import {useProfile} from 'web/hooks/use-profile'
 import {useUser} from 'web/hooks/use-user'
@@ -82,9 +83,9 @@ export function ConnectActions(props: {profile: Profile; user: User}) {
   if (isCurrentUser || !currentUser) return null
 
   return (
-    <Col className="bg-canvas-0 w-full gap-6 rounded-xl p-2 shadow-sm">
-      <div className="border-t border-ink-200">
-        <h3 className="text-xl font-semibold mb-4">{t('profile.connect.title', 'Connect')}</h3>
+    <Col className="w-full gap-6 rounded-xl shadow-sm">
+      <div className="border-y border-canvas-200 p-2 pb-8">
+        <Subtitle className="mb-4">{t('profile.connect.title', 'Connect')}</Subtitle>
 
         {/* Primary Action */}
         <div className="mb-6">
@@ -92,7 +93,7 @@ export function ConnectActions(props: {profile: Profile; user: User}) {
             <SendMessageButton
               toUser={user}
               currentUser={currentUser}
-              text={t('profile.connect.send_message', 'Send Message')}
+              text={t('messaging.send_thoughtful_message', 'Send them a thoughtful message')}
             />
           ) : (
             <p className={'guidance'}>