diff --git a/packages/web-pkg/src/components/AppTopBar.vue b/packages/web-pkg/src/components/AppTopBar.vue
index 9aa1e4470d7..6366e5cc3dc 100644
--- a/packages/web-pkg/src/components/AppTopBar.vue
+++ b/packages/web-pkg/src/components/AppTopBar.vue
@@ -1,13 +1,5 @@
 <template>
   <div class="oc-flex oc-p-s app-top-bar">
-    <oc-button
-      id="app-top-bar-close"
-      :aria-label="$gettext('Close')"
-      size="small"
-      @click="$emit('close')"
-    >
-      <oc-icon name="close" size="small" />
-    </oc-button>
     <oc-resource
       v-if="resource"
       id="app-top-bar-resource"
@@ -17,6 +9,14 @@
     <div v-else />
     <div>
       <slot name="right" />
+      <oc-button
+        id="app-top-bar-close"
+        :aria-label="$gettext('Close')"
+        size="small"
+        @click="$emit('close')"
+      >
+        <oc-icon name="close" size="small" />
+      </oc-button>
     </div>
   </div>
 </template>