diff --git a/src/meshcore_hub/web/static/css/app.css b/src/meshcore_hub/web/static/css/app.css
index 5a20813..0c00839 100644
--- a/src/meshcore_hub/web/static/css/app.css
+++ b/src/meshcore_hub/web/static/css/app.css
@@ -91,6 +91,10 @@
 #app .btn-outline:hover {
     color: #fff !important;
 }
+.btn-hero-members {
+    --btn-color: var(--color-members);
+    --btn-border-color: var(--color-members);
+}
 
 /* ==========================================================================
    Panel Glow
diff --git a/src/meshcore_hub/web/static/js/spa/pages/home.js b/src/meshcore_hub/web/static/js/spa/pages/home.js
index 99c0b09..b36b19f 100644
--- a/src/meshcore_hub/web/static/js/spa/pages/home.js
+++ b/src/meshcore_hub/web/static/js/spa/pages/home.js
@@ -4,7 +4,7 @@ import {
     getConfig, errorAlert, pageColors, renderStatCard, t,
 } from '../components.js';
 import {
-    iconDashboard, iconNodes, iconAdvertisements, iconMessages, iconMap,
+    iconDashboard, iconNodes, iconAdvertisements, iconMessages, iconMembers, iconMap,
     iconPage, iconInfo, iconChart, iconGlobe, iconGithub,
 } from '../icons.js';
 
@@ -78,6 +78,11 @@ function renderHeroSection({ networkName, logoUrl, logoInvertLight, networkCity,
                     ${iconMessages('h-5 w-5 mr-2')}
                     ${t('entities.messages')}
                 </a>` : nothing}
+                ${features.members !== false ? html`
+                <a href="/members" class="btn btn-outline btn-hero-members">
+                    ${iconMembers('h-5 w-5 mr-2')}
+                    ${t('entities.members')}
+                </a>` : nothing}
                 ${features.map !== false ? html`
                 <a href="/map" class="btn btn-outline btn-warning">
                     ${iconMap('h-5 w-5 mr-2')}
diff --git a/src/meshcore_hub/web/static/js/spa/pages/profile.js b/src/meshcore_hub/web/static/js/spa/pages/profile.js
index fa5d310..cfe6555 100644
--- a/src/meshcore_hub/web/static/js/spa/pages/profile.js
+++ b/src/meshcore_hub/web/static/js/spa/pages/profile.js
@@ -63,8 +63,10 @@ function renderPublicProfile(profile, config, target) {
 
 <div class="card bg-base-100 shadow-xl">
     <div class="card-body">
-        <h2 class="card-title">${profile.name || t('common.unnamed')}</h2>
-        ${profile.callsign ? html`<span class="badge badge-neutral">${profile.callsign}</span>` : nothing}
+        <h2 class="card-title">
+            ${profile.name || t('common.unnamed')}
+            ${profile.callsign ? html`<span class="badge badge-neutral badge-sm">${profile.callsign}</span>` : nothing}
+        </h2>
         ${renderRoleBadges(profile.roles)}
         ${profile.description ? html`<p class="text-sm opacity-80 mt-2">${profile.description}</p>` : nothing}
         ${profile.url ? html`<a href="${profile.url}" target="_blank" rel="noopener noreferrer" class="link link-primary text-sm mt-1 inline-block">${profile.url}</a>` : nothing}