diff --git a/web/src/components/layout/Settings.vue b/web/src/components/layout/Settings.vue
index 9b916996b..764a6271f 100644
--- a/web/src/components/layout/Settings.vue
+++ b/web/src/components/layout/Settings.vue
@@ -1,10 +1,13 @@
 <template>
   <Panel>
     <div class="flex flex-col border-b mb-4 pb-4 justify-center dark:border-wp-background-100">
-      <h1 class="text-xl text-wp-text-100 flex items-center gap-1">
-        {{ title }}
-        <DocsLink v-if="docsUrl" :topic="title" :url="docsUrl" />
-      </h1>
+      <div class="flex items-center justify-between">
+        <h1 class="text-xl text-wp-text-100 flex items-center gap-1">
+          {{ title }}
+          <DocsLink v-if="docsUrl" :topic="title" :url="docsUrl" />
+        </h1>
+        <slot v-if="$slots.titleActions" name="titleActions" />
+      </div>
 
       <div class="flex flex-wrap gap-x-4 gap-y-2 items-center justify-between">
         <p v-if="description" class="text-sm text-wp-text-alt-100">{{ description }}</p>
diff --git a/web/src/views/repo/settings/Badge.vue b/web/src/views/repo/settings/Badge.vue
index b7171a66c..9c5e0a29d 100644
--- a/web/src/views/repo/settings/Badge.vue
+++ b/web/src/views/repo/settings/Badge.vue
@@ -1,6 +1,6 @@
 <template>
   <Settings :title="$t('repo.settings.badge.badge')">
-    <template #headerActions>
+    <template #titleActions>
       <a v-if="badgeUrl" :href="badgeUrl" target="_blank">
         <img :src="badgeUrl" />
       </a>