diff --git a/app/pages/connections.vue b/app/pages/connections.vue
index e295daf..b8ee40d 100644
--- a/app/pages/connections.vue
+++ b/app/pages/connections.vue
@@ -1,10 +1,8 @@
 <template>
-  <div class="connections-page">
-    <PageHeader
-      title="Connections"
-      subtitle="Find members who share your cooperative interests"
-    />
-
+  <PageShell
+    title="Connections"
+    subtitle="Find members who share your cooperative interests"
+  >
     <ClientOnly>
       <!-- Loading State -->
       <div v-if="loading" class="loading-state">
@@ -312,7 +310,7 @@
         </div>
       </template>
     </ClientOnly>
-  </div>
+  </PageShell>
 </template>
 
 <script setup>
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 6579dba..d9f1f78 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