diff --git a/frontend/src/pages/users/[username].astro b/frontend/src/pages/users/[username].astro
index c9c7f5c..146e4f8 100644
--- a/frontend/src/pages/users/[username].astro
+++ b/frontend/src/pages/users/[username].astro
@@ -34,7 +34,7 @@ const { username } = Astro.params;
           </div>
         </div>
 
-        <div class="stats">
+        <div class="stats ui-card ui-card-pad-lg">
           <div class="stat">
             <span class="stat-value">${profile.communities.length}</span>
             <span class="stat-label">Communities</span>
@@ -55,7 +55,7 @@ const { username } = Astro.params;
             ? '<p class="empty">Not a member of any communities yet</p>'
             : `<div class="communities-list">
                 ${profile.communities.map(c => `
-                  <a href="/communities/${c.slug}" class="community-item">
+                  <a href="/communities/${c.slug}" class="community-item ui-card ui-card-soft">
                     <span class="community-name">${c.name}</span>
                     <span class="community-role role-${c.role}">${c.role}</span>
                   </a>
@@ -93,7 +93,7 @@ const { username } = Astro.params;
       }
 
       container.innerHTML = votes.map(v => `
-        <a href="/proposals/${v.proposal_id}" class="vote-item">
+        <a href="/proposals/${v.proposal_id}" class="vote-item ui-card ui-card-soft">
           <div class="vote-info">
             <span class="vote-proposal">${v.proposal_title}</span>
             <span class="vote-community">in ${v.community_name}</span>
@@ -154,9 +154,6 @@ const { username } = Astro.params;
   .stats {
     display: flex;
     gap: 2rem;
-    padding: 1.5rem;
-    background: var(--color-surface);
-    border: 1px solid var(--color-border);
     border-radius: 12px;
     margin-bottom: 2rem;
   }
@@ -197,8 +194,6 @@ const { username } = Astro.params;
     justify-content: space-between;
     align-items: center;
     padding: 0.75rem 1rem;
-    background: var(--color-surface);
-    border: 1px solid var(--color-border);
     border-radius: 8px;
     text-decoration: none;
     color: var(--color-text);
@@ -246,8 +241,6 @@ const { username } = Astro.params;
     justify-content: space-between;
     align-items: center;
     padding: 0.75rem 1rem;
-    background: var(--color-surface);
-    border: 1px solid var(--color-border);
     border-radius: 8px;
     text-decoration: none;
     color: var(--color-text);