diff --git a/src/app/(user)/layout.tsx b/src/app/(user)/layout.tsx
index c9d0646..db606b8 100644
--- a/src/app/(user)/layout.tsx
+++ b/src/app/(user)/layout.tsx
@@ -95,7 +95,7 @@ export default function UserLayout({
         ) : (
           <>
             {/* Regular Header for other pages */}
-            <div className="px-4 pt-3 pb-1 bg-white">
+            <div className="px-4 sm:px-6 lg:px-8 pt-3 pb-1 bg-white">
               <div className="max-w-7xl mx-auto">
                 <CommonHeader />
               </div>
diff --git a/src/app/(user)/user/profiles/page.tsx b/src/app/(user)/user/profiles/page.tsx
index edfe3cf..7333b19 100644
--- a/src/app/(user)/user/profiles/page.tsx
+++ b/src/app/(user)/user/profiles/page.tsx
@@ -320,9 +320,13 @@ function ProfileCard({ profile, resolvedAvatarUrl }: ProfileCardProps) {
           </div>
 
           {/* Match Badge */}
-          <div className="bg-[#7d917d] text-white px-4 py-1.5 rounded-full font-serif text-[14px] whitespace-nowrap self-start">
-            95% Match
-          </div>
+          {profile.matchPercentage && (
+            <div className={`text-white px-4 py-1.5 rounded-full font-serif text-[14px] whitespace-nowrap self-start ${
+              profile.matchPercentage >= 80 ? 'bg-[#638559]' : profile.matchPercentage >= 65 ? 'bg-[#7d917d]' : 'bg-[#00293d]/60'
+            }`}>
+              {profile.matchPercentage}% Match
+            </div>
+          )}
         </div>
 
         {/* Location & Member Since */}
@@ -613,7 +617,7 @@ function ProfilesPageContent() {
         <MobileBackButton label="Back" fallbackHref="/user/dashboard" />
         <div className="flex gap-6">
           {/* Left Sidebar - hidden on mobile */}
-          <div className="hidden lg:block w-[220px] flex-shrink-0">
+          <div className="hidden lg:block w-[220px] flex-shrink-0 pr-6 border-r border-[#00293d]/10">
             {/* Listing Type */}
             <div className="mb-6">
               <h2 className="font-fractul font-bold text-[14px] text-[#00293d] mb-3">Listing Type</h2>
@@ -698,13 +702,13 @@ function ProfilesPageContent() {
                   value={searchQuery}
                   onChange={(e) => setSearchQuery(e.target.value)}
                   onKeyDown={(e) => e.key === 'Enter' && handleSearch()}
-                  className="w-full h-[44px] px-4 pr-12 rounded-[10px] border border-[#00293d]/20 bg-white font-serif text-[14px] text-[#00293d] placeholder:text-[#00293d]/50 focus:outline-none focus:border-[#e58625]"
+                  className="w-full h-[52px] px-5 pr-[80px] rounded-[15px] border border-[#00293d]/20 bg-white font-fractul font-light text-[14px] text-[#00293d] placeholder:text-[#00293d]/50 focus:outline-none focus:border-[#e58625]"
                 />
                 <button
                   onClick={handleSearch}
-                  className="absolute right-2 top-1/2 -translate-y-1/2 w-[36px] h-[36px] bg-[#e58625] rounded-[8px] flex items-center justify-center"
+                  className="absolute right-0 top-0 w-[68px] h-[52px] bg-[#e58625] rounded-[15px] flex items-center justify-center hover:bg-[#d47720] transition-colors"
                 >
-                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none">
+                  <svg width="22" height="22" viewBox="0 0 24 24" fill="none">
                     <path d="M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
                   </svg>
                 </button>
diff --git a/src/services/agents.service.ts b/src/services/agents.service.ts
index fb972b4..e43ad4a 100644
--- a/src/services/agents.service.ts
+++ b/src/services/agents.service.ts
@@ -134,6 +134,7 @@ export interface PublicAgentProfile {
   agentType: AgentType | null;
   createdAt?: string;
   fieldValues?: AgentFieldValue[];
+  matchPercentage?: number;
 }
 
 export interface SearchAgentsResponse {