diff --git a/webclient-vue/src/components/layout/PageActionsDropdown.vue b/webclient-vue/src/components/layout/PageActionsDropdown.vue
index e147d71..9690877 100644
--- a/webclient-vue/src/components/layout/PageActionsDropdown.vue
+++ b/webclient-vue/src/components/layout/PageActionsDropdown.vue
@@ -1,17 +1,37 @@
 <template>
-  <GnDropdown
-    label="Actions"
-    icon="ph-dots-three-outline"
-    variant="secondary"
-    :items="items"
-    v-bind="$attrs"
-  />
+  <div class="page-actions-dropdown">
+    <GnDropdown :items="items" v-bind="$attrs">
+      <template #trigger="{ toggle, open }">
+        <GnButton
+          variant="secondary"
+          icon="ph-dots-three-vertical"
+          aria-label="Actions"
+          :aria-expanded="open ? 'true' : 'false'"
+          @click="toggle"
+        />
+      </template>
+    </GnDropdown>
+  </div>
 </template>
 
 <script setup>
-import { GnDropdown } from "gnexus-ui-kit/vue";
+import { GnDropdown, GnButton } from "gnexus-ui-kit/vue";
 
 defineProps({
   items: { type: Array, required: true },
 });
 </script>
+
+<style>
+/* Allow dropdown menu to escape .page-header overflow:hidden */
+.page-header:has(> .page-header-actions .page-actions-dropdown) {
+  overflow: visible;
+}
+
+/* Align dropdown menu to the right edge of the trigger button */
+.page-actions-dropdown .dropdown-menu {
+  left: auto;
+  right: 0;
+  transform-origin: top right;
+}
+</style>