diff --git a/aleksis/core/assets/components/generic/DetailView.vue b/aleksis/core/assets/components/generic/DetailView.vue
index 843dacefab4c49f2c2f827c42b4b56f7aa49b9b5..dfe6e482bf7694b53ffdf27d9241867e4c543b9f 100644
--- a/aleksis/core/assets/components/generic/DetailView.vue
+++ b/aleksis/core/assets/components/generic/DetailView.vue
@@ -25,11 +25,10 @@
       </v-col>
 
       <v-col order="1" order-sm="last" class="ms-5">
-        <div
-          class="d-flex gap justify-md-end flex-column-reverse flex-md-row align-end align-md-center"
-        >
-          <slot name="actions" />
-        </div>
+        <slot
+          name="actions"
+          v-bind:classes="'d-flex gap justify-md-end flex-column-reverse flex-md-row align-end align-md-center'"
+        />
       </v-col>
     </v-row>
     <slot />
diff --git a/aleksis/core/assets/components/person/PersonOverview.vue b/aleksis/core/assets/components/person/PersonOverview.vue
index be36914c7b316e0ef415ec192eadfb82207ed3a7..62b4962fe9385a8dbea2803ad459a3b786408e17 100644
--- a/aleksis/core/assets/components/person/PersonOverview.vue
+++ b/aleksis/core/assets/components/person/PersonOverview.vue
@@ -24,8 +24,8 @@
             {{ data.person.username }}
           </template>
 
-          <template #actions>
-            <person-actions :id="data.person.id" />
+          <template #actions="{ classes }">
+            <person-actions :class="classes" :id="data.person.id" />
           </template>
 
           <div class="text-center my-5" v-text="data.person.description"></div>