diff --git a/app/pages/member/dashboard.vue b/app/pages/member/dashboard.vue
index 4173fd0..e08fb80 100644
--- a/app/pages/member/dashboard.vue
+++ b/app/pages/member/dashboard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="dashboard">
+  <PageShell>
     <ClientOnly>
       <!-- Loading State -->
       <div v-if="authPending" class="loading-state">
@@ -26,19 +26,18 @@
 
       <!-- Dashboard Content -->
       <template v-else>
-        <SidebarLayout :limit="5">
+        <ColumnsLayout cols="events-sidebar" :limit="5">
           <div class="dashboard-body">
             <!-- Member Status Banner -->
             <MemberStatusBanner />
 
             <!-- Welcome Header -->
-            <div class="welcome">
-              <h1>Welcome back, {{ memberData?.name }}</h1>
-              <div class="meta">
+            <PageHeader :title="`Welcome back, ${memberData?.name || ''}`">
+              <div class="dashboard-meta">
                 <CircleBadge :circle="memberData?.circle || 'community'" />
                 <span>${{ memberData?.contributionTier }} CAD/mo</span>
               </div>
-            </div>
+            </PageHeader>
 
             <!-- Upcoming Events + Quick Actions -->
             <div class="content-row">
@@ -204,7 +203,7 @@
               </div>
             </div>
           </div>
-        </SidebarLayout>
+        </ColumnsLayout>
       </template>
 
       <template #fallback>
@@ -214,7 +213,7 @@
         </div>
       </template>
     </ClientOnly>
-  </div>
+  </PageShell>
 </template>
 
 <script setup>
@@ -376,15 +375,6 @@ useHead({
 </script>
 
 <style scoped>
-/* ---- DASHBOARD LAYOUT ---- */
-.dashboard {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  width: 100%;
-}
-
 /* ---- LOADING / UNAUTH STATES ---- */
 .loading-state {
   flex: 1;
@@ -451,30 +441,14 @@ useHead({
   margin-bottom: 20px;
 }
 
-/* ---- WELCOME HEADER ---- */
-.welcome {
-  padding: 28px 28px;
-  border-bottom: 1px dashed var(--border);
-  display: flex;
-  align-items: baseline;
-  gap: 16px;
-  flex-wrap: wrap;
-}
-
-.welcome h1 {
-  font-family: "Brygada 1918", serif;
-  font-size: 24px;
-  font-weight: 500;
-  color: var(--text-bright);
-  line-height: 1.2;
-}
-
-.welcome .meta {
+/* ---- WELCOME HEADER META ---- */
+.dashboard-meta {
   display: flex;
   align-items: baseline;
   gap: 12px;
   font-size: 12px;
   color: var(--text-dim);
+  margin-top: 8px;
 }
 
 .dashboard-body {
@@ -722,10 +696,6 @@ useHead({
     border-bottom: none;
   }
 
-  .welcome {
-    padding: 24px 20px;
-  }
-
   .content-block {
     padding: 20px;
   }
diff --git a/e2e/__screenshots__/visual/pages.spec.js-snapshots/connections-mobile-auth-chromium-darwin.png b/e2e/__screenshots__/visual/pages.spec.js-snapshots/connections-mobile-auth-chromium-darwin.png
index 323b3f0..4fffa70 100644
Binary files a/e2e/__screenshots__/visual/pages.spec.js-snapshots/connections-mobile-auth-chromium-darwin.png and b/e2e/__screenshots__/visual/pages.spec.js-snapshots/connections-mobile-auth-chromium-darwin.png differ
diff --git a/e2e/__screenshots__/visual/pages.spec.js-snapshots/member-dashboard-desktop-chromium-darwin.png b/e2e/__screenshots__/visual/pages.spec.js-snapshots/member-dashboard-desktop-chromium-darwin.png
index bc60821..280b1f5 100644
Binary files a/e2e/__screenshots__/visual/pages.spec.js-snapshots/member-dashboard-desktop-chromium-darwin.png and b/e2e/__screenshots__/visual/pages.spec.js-snapshots/member-dashboard-desktop-chromium-darwin.png differ
diff --git a/e2e/__screenshots__/visual/pages.spec.js-snapshots/member-dashboard-mobile-auth-chromium-darwin.png b/e2e/__screenshots__/visual/pages.spec.js-snapshots/member-dashboard-mobile-auth-chromium-darwin.png
index 6e2b770..5af2e0b 100644
Binary files a/e2e/__screenshots__/visual/pages.spec.js-snapshots/member-dashboard-mobile-auth-chromium-darwin.png and b/e2e/__screenshots__/visual/pages.spec.js-snapshots/member-dashboard-mobile-auth-chromium-darwin.png differ