From 0d207cfb4064978b0358099d2451498301ba9b7c Mon Sep 17 00:00:00 2001
From: Githelp AI Aagent <stian@githelp.app>
Date: Mon, 27 Apr 2026 18:36:40 +0000
Subject: [PATCH] feat: Update the PR with the following:

Task: 3668ff56
Source: slack
Requested by: U04E9DZ5ELF
---
 src/app/helper/profile/page.tsx | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/app/helper/profile/page.tsx b/src/app/helper/profile/page.tsx
index 954109d..cc92f22 100644
--- a/src/app/helper/profile/page.tsx
+++ b/src/app/helper/profile/page.tsx
@@ -276,7 +276,7 @@ export default function HelperProfilePage() {
           {/* Profile header */}
           <div className="flex items-center gap-4 mb-8">
             <div
-              className="w-16 h-16 rounded-[25px] flex items-center justify-center text-foreground text-[28px] font-[family-name:var(--font-outfit)] font-normal"
+              className="w-12 h-12 rounded-[18.8px] flex items-center justify-center text-foreground text-[21px] font-[family-name:var(--font-outfit)] font-normal"
               style={{ backgroundColor: helperColors[0] }}
             >
               {displayAvatar}
@@ -290,7 +290,7 @@ export default function HelperProfilePage() {
           </div>
 
           {/* Editable contact information */}
-          <section className="mb-8">
+          <section className="mb-[34px] rounded-[10px] border border-[#E1E1E1] px-[38px] py-[40px]">
             <h2 className="text-lg font-semibold text-foreground mb-4">Contact information</h2>
             <div className="space-y-4">
               <div className="flex gap-5">
@@ -348,10 +348,8 @@ export default function HelperProfilePage() {
             </div>
           </section>
 
-          <hr className="border-0 border-t mb-8" style={{ borderColor: "#E5E5E5" }} />
-
           {/* Editable category */}
-          <section className="mb-8">
+          <section className="mb-[34px] rounded-[10px] border border-[#E1E1E1] px-[38px] py-[40px]">
             <h2 className="text-lg font-semibold text-foreground mb-4">Helper category</h2>
             <div className="flex items-center gap-4 flex-wrap">
               <Select value={category} onValueChange={(v) => setCategory(v as "core" | "extended" | "community")}>
@@ -375,10 +373,8 @@ export default function HelperProfilePage() {
             </div>
           </section>
 
-          <hr className="border-0 border-t mb-8" style={{ borderColor: "#E5E5E5" }} />
-
           {/* Project keywords / topics */}
-          <section className="mb-8">
+          <section className="mb-[34px] rounded-[10px] border border-[#E1E1E1] px-[38px] py-[40px]">
             <h2 className="text-lg font-semibold text-foreground mb-4">Topics & keywords</h2>
             <p className="text-sm text-muted-foreground mb-4">
               Select the project topics you can help with. This helps route relevant tickets to you.
@@ -415,8 +411,6 @@ export default function HelperProfilePage() {
             </Button>
           </section>
 
-          <hr className="border-0 border-t mb-8" style={{ borderColor: "#E5E5E5" }} />
-
           {/* Time period filters */}
           <div className="flex gap-2 mb-6">
             <Button