From dc64335d28fca12d37b64fb78b8fcdcbe6349f85 Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Sat, 28 Mar 2026 19:19:25 +0530
Subject: [PATCH] style: update subscription UI layout, gem icon color, and
 chat theme branding

---
 public/assets/icons/gem-icon.svg             | 2 +-
 src/app/support/chat/page.tsx                | 4 ++--
 src/components/settings/SubscriptionForm.tsx | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/assets/icons/gem-icon.svg b/public/assets/icons/gem-icon.svg
index affd25f..2aa56e9 100644
--- a/public/assets/icons/gem-icon.svg
+++ b/public/assets/icons/gem-icon.svg
@@ -1,3 +1,3 @@
 <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.625 7.875L10.5 18.375L18.375 7.875M2.625 7.875L5.25 2.625H15.75L18.375 7.875M2.625 7.875H18.375M7 2.625L5.25 7.875L10.5 18.375L15.75 7.875L14 2.625" stroke="#e58625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.625 7.875L10.5 18.375L18.375 7.875M2.625 7.875L5.25 2.625H15.75L18.375 7.875M2.625 7.875H18.375M7 2.625L5.25 7.875L10.5 18.375L15.75 7.875L14 2.625" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/app/support/chat/page.tsx b/src/app/support/chat/page.tsx
index eea4e1c..e4946ce 100644
--- a/src/app/support/chat/page.tsx
+++ b/src/app/support/chat/page.tsx
@@ -277,7 +277,7 @@ export default function SupportChatPage() {
       {/* Chat Area */}
       <main className="flex-1 max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 pb-8 w-full flex flex-col">
         {/* Chat Header */}
-        <div className="border border-[#00293d]/10 rounded-t-[15px] px-6 py-4 flex items-center gap-3 bg-[#648188]">
+        <div className="border border-[#00293d]/10 rounded-t-[15px] px-6 py-4 flex items-center gap-3 bg-[#e58625]">
           <Image
             src="/assets/icons/chat-icon.svg"
             alt=""
@@ -365,7 +365,7 @@ export default function SupportChatPage() {
                           <div
                             className={`max-w-[75%] rounded-[15px] px-4 py-3 ${
                               isOwn
-                                ? 'bg-[#00293d] text-white rounded-br-[4px]'
+                                ? 'bg-[#e58625] text-white rounded-br-[4px]'
                                 : 'bg-white text-[#00293d] border border-[#00293d]/10 rounded-bl-[4px]'
                             }`}
                           >
diff --git a/src/components/settings/SubscriptionForm.tsx b/src/components/settings/SubscriptionForm.tsx
index 26929c7..8c0e27c 100644
--- a/src/components/settings/SubscriptionForm.tsx
+++ b/src/components/settings/SubscriptionForm.tsx
@@ -214,7 +214,7 @@ export function SubscriptionForm() {
                   Include Features
                 </h4>
 
-                <div className="space-y-5">
+                <div className="space-y-[18px]">
                   {PLAN_FEATURES.map((feature) => (
                     <div key={feature.label} className="flex items-center gap-3">
                       <Image
@@ -233,8 +233,8 @@ export function SubscriptionForm() {
               </div>
 
               {/* Illustration */}
-              <div className="hidden lg:flex items-end justify-end">
-                <div className="w-[165px] h-[165px] rounded-full overflow-hidden">
+              <div className="hidden lg:flex items-start justify-end">
+                <div className="w-[166px] h-[166px] rounded-[200px] overflow-hidden">
                   <img
                     src="/assets/images/subscription-plan-illustration.png"
                     alt="Professional plan"