diff --git a/src/modules/events/views/EventsPage.vue b/src/modules/events/views/EventsPage.vue
index 121941e..961b8e1 100644
--- a/src/modules/events/views/EventsPage.vue
+++ b/src/modules/events/views/EventsPage.vue
@@ -105,7 +105,9 @@ onBeforeRouteLeave(() => {
 </script>
 
 <template>
-  <div class="container mx-auto py-4 px-4">
+  <!-- pt-2.5 (not py-4) so the header logo/banner sits centered on the
+       same horizontal axis as the fixed top-right profile icon. -->
+  <div class="container mx-auto pt-2.5 pb-4 px-4">
     <!-- Page header. A brand may ship a wide banner (logo + wordmark in
          one image) that replaces the logo + name pair; otherwise we show
          the brand-kit logo (per-standalone override or global) paired