From c7a90c890c49c6fac5b0bfe6ddf7faf6a1dac6c4 Mon Sep 17 00:00:00 2001
From: nthanhtoan61 <nthanhtoan61@gmail.com>
Date: Wed, 17 Jun 2026 11:49:16 +0700
Subject: [PATCH] fix: resolve text-wrapping issue and correct Bhutan Telecom
 logo path

---
 app/components/forms/FeedbackPageClient.tsx  |  4 ++--
 app/components/members/MembersPageClient.tsx | 12 ++++++------
 app/data/members.json                        |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/components/forms/FeedbackPageClient.tsx b/app/components/forms/FeedbackPageClient.tsx
index 6426306..c77e9db 100644
--- a/app/components/forms/FeedbackPageClient.tsx
+++ b/app/components/forms/FeedbackPageClient.tsx
@@ -26,10 +26,10 @@ export default function FeedbackPageClient() {
         </div>
 
         <div className="text-center mb-10 md:mb-14">
-          <h1 className="font-[var(--font-display-lg)] text-[clamp(1.75rem,3vw+1rem,3.25rem)] leading-tight font-bold tracking-tighter mb-4 text-primary">
+          <h1 className="font-[var(--font-display-lg)] text-[clamp(1.75rem,3vw+1rem,3.25rem)] leading-tight font-bold tracking-tighter mb-4 text-primary text-balance">
             {feedback.title}
           </h1>
-          <p className="text-on-surface-variant text-lg max-w-2xl mx-auto">{feedback.subtitle}</p>
+          <p className="text-on-surface-variant text-lg max-w-2xl mx-auto text-balance">{feedback.subtitle}</p>
         </div>
 
         <div className="glass-panel p-6 md:p-10 rounded-xl space-y-8 relative overflow-hidden shadow-2xl">
diff --git a/app/components/members/MembersPageClient.tsx b/app/components/members/MembersPageClient.tsx
index 2bf55f7..17ca22c 100644
--- a/app/components/members/MembersPageClient.tsx
+++ b/app/components/members/MembersPageClient.tsx
@@ -112,10 +112,10 @@ export default function MembersPageClient() {
           <span className="font-[var(--font-label-caps)] text-xs lg:text-sm text-primary block mb-4 lg:mb-6 tracking-[0.25em] uppercase animate-pulse">
             {members.hero.eyebrow}
           </span>
-          <h1 className="font-[var(--font-display-lg)] text-on-surface text-[clamp(2.5rem,6vw+1rem,5.5rem)] leading-none tracking-tight">
+          <h1 className="font-[var(--font-display-lg)] text-on-surface text-[clamp(2.5rem,6vw+1rem,5.5rem)] leading-none tracking-tight text-balance">
             {members.hero.title}
           </h1>
-          <p className="font-[var(--font-body-base)] text-on-surface-variant text-base lg:text-[20px] max-w-3xl mx-auto opacity-70 leading-relaxed mt-6">
+          <p className="font-[var(--font-body-base)] text-on-surface-variant text-base lg:text-[20px] max-w-3xl mx-auto opacity-70 leading-relaxed mt-6 text-balance">
             {members.hero.description}
           </p>
 
@@ -142,10 +142,10 @@ export default function MembersPageClient() {
       {/* Organizational Members Section */}
       <section className="py-16 lg:py-24 px-[var(--spacing-gutter)] max-w-hd mx-auto" id="org-members">
         <div className="mb-12 lg:mb-20 text-center max-w-3xl mx-auto">
-          <h2 className="font-[var(--font-display-lg)] text-on-surface uppercase tracking-tight text-[clamp(1.75rem,3vw+1rem,3.5rem)] mb-4">
+          <h2 className="font-[var(--font-display-lg)] text-on-surface uppercase tracking-tight text-[clamp(1.75rem,3vw+1rem,3.5rem)] mb-4 text-balance">
             {members.organizationalMembers.title}
           </h2>
-          <p className="text-on-surface-variant/60 text-base lg:text-lg">
+          <p className="text-on-surface-variant/60 text-base lg:text-lg text-balance">
             {members.organizationalMembers.description}
           </p>
           <div className="h-[2px] w-24 bg-primary/50 mx-auto rounded-full mt-6" />
@@ -176,10 +176,10 @@ export default function MembersPageClient() {
       {/* Contributing Members Section */}
       <section className="py-16 lg:py-24 px-[var(--spacing-gutter)] max-w-hd mx-auto border-t border-white/5 bg-white/[0.01]" id="contrib-members">
         <div className="mb-12 lg:mb-20 text-center max-w-3xl mx-auto">
-          <h2 className="font-[var(--font-display-lg)] text-on-surface uppercase tracking-tight text-[clamp(1.75rem,3vw+1rem,3.5rem)] mb-4">
+          <h2 className="font-[var(--font-display-lg)] text-on-surface uppercase tracking-tight text-[clamp(1.75rem,3vw+1rem,3.5rem)] mb-4 text-balance">
             {members.contributingMembers.title}
           </h2>
-          <p className="text-on-surface-variant/60 text-base lg:text-lg">
+          <p className="text-on-surface-variant/60 text-base lg:text-lg text-balance">
             {members.contributingMembers.description}
           </p>
           <div className="h-[2px] w-24 bg-primary/50 mx-auto rounded-full mt-6" />
diff --git a/app/data/members.json b/app/data/members.json
index cac55b5..80cc1ba 100644
--- a/app/data/members.json
+++ b/app/data/members.json
@@ -50,7 +50,7 @@
         "items": [
           { "name": "Agile Consultancy", "logo": "/assets/img/organizations/Agile Consultancy.jpg", "subtitle": "Agile Consultancy Pvt. Ltd." },
           { "name": "BII Group", "logo": "/assets/img/organizations/BII Group.png", "subtitle": "BII Group Holdings" },
-          { "name": "Bhutan Telecom", "logo": "/assets/img/organizations/Bhutan Telecom Ltd., Bhutan.png", "subtitle": "Bhutan Telecom" },
+          { "name": "Bhutan Telecom", "logo": "/assets/img/organizations/Bhutan Telecom.png", "subtitle": "Bhutan Telecom" },
           { "name": "CERT Tonga", "logo": "/assets/img/organizations/CERT Tonga.jpg", "subtitle": "Computer Emergency Response Team Tonga" },
           { "name": "CNLabs", "logo": "/assets/img/organizations/CNLabs.jpg", "subtitle": "CNLabs (IPv6 Ready Logo Lab)" },
           { "name": "Digital Bridge Institute", "logo": "/assets/img/organizations/Digital Bridge Institute.png", "subtitle": "Digital Bridge Institute Nigeria" },