diff --git a/app/pages/member/activity.vue b/app/pages/member/activity.vue
index 6121837..1b56c67 100644
--- a/app/pages/member/activity.vue
+++ b/app/pages/member/activity.vue
@@ -1,11 +1,9 @@
 <template>
-  <div class="activity-page">
-    <PageHeader
-      title="Activity Log"
-      subtitle="Your activity and milestones in the Guild"
-    />
-
-    <SidebarLayout :limit="5">
+  <PageShell
+    title="Activity Log"
+    subtitle="Your activity and milestones in the Guild"
+  >
+    <ColumnsLayout cols="events-sidebar" :limit="5">
       <ClientOnly>
         <!-- Loading State -->
         <div v-if="loading && !entries.length" class="state-box">
@@ -66,8 +64,8 @@
           </div>
         </template>
       </ClientOnly>
-    </SidebarLayout>
-  </div>
+    </ColumnsLayout>
+  </PageShell>
 </template>
 
 <script setup>
@@ -142,13 +140,6 @@ useHead({ title: 'Activity Log - Ghost Guild' })
 </script>
 
 <style scoped>
-.activity-page {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-}
-
 /* ---- STATE BOXES ---- */
 .state-box {
   display: flex;
diff --git a/e2e/visual/pages.spec.js b/e2e/visual/pages.spec.js
index adadb3b..ab76fa7 100644
--- a/e2e/visual/pages.spec.js
+++ b/e2e/visual/pages.spec.js
@@ -78,6 +78,7 @@ function commonMasks(page) {
     page.locator('.filter-bar'),
     page.locator('.skills-bar'),
     page.locator('.connections-section'),
+    page.locator('.loading-state'),
   ]
 }