diff --git a/src/routes/(site)/events/event-summary.svelte b/src/routes/(site)/events/event-summary.svelte
index 6af78224b..4e78c7d01 100644
--- a/src/routes/(site)/events/event-summary.svelte
+++ b/src/routes/(site)/events/event-summary.svelte
@@ -86,6 +86,7 @@
     flex-direction: row-reverse;
     padding: 0 2em 2em 2em;
     gap: 1em;
+    margin-top: 1em;
 
     .action-item {
       --size: 40px;
diff --git a/src/routes/(site)/events/event.svelte b/src/routes/(site)/events/event.svelte
index fea0a9a25..9de9d1e85 100644
--- a/src/routes/(site)/events/event.svelte
+++ b/src/routes/(site)/events/event.svelte
@@ -41,6 +41,7 @@
     bind:this={details}
     on:click|preventDefault|stopPropagation={() => (shown = !shown)}
     on:keypress|preventDefault|stopPropagation={() => (shown = !shown)}
+    class:highlighted={shown}
   >
     <summary class="event-body">
       <div class="event-name">
@@ -109,11 +110,15 @@
     box-shadow: 0 6px 18px rgba(var(--highlights, --acm-general-rgb), 0.65);
   }
 
-  .event-card[open] {
+  .highlighted {
     box-shadow: 0 6px 24px rgba(var(--highlights, --acm-general-rgb), 0.75);
     border: 2px solid rgb(var(--highlights, --acm-general-rgb));
   }
 
+  .event-card[open] {
+    border: 2px solid rgb(var(--highlights, --acm-general-rgb));
+  }
+
   .event-card:hover h2,
   .event-card[open] h2 {
     color: rgb(var(--highlights, --acm-general-rgb));