diff --git a/packages/effects/common-ui/src/components/content-wrap/content-wrap.vue b/packages/effects/common-ui/src/components/content-wrap/content-wrap.vue
index 4bc153a32..24e980cd5 100644
--- a/packages/effects/common-ui/src/components/content-wrap/content-wrap.vue
+++ b/packages/effects/common-ui/src/components/content-wrap/content-wrap.vue
@@ -74,6 +74,9 @@ onMounted(() => {
           <div v-if="title" class="mb-2 flex text-lg font-semibold">
             {{ title }}
           </div>
+          <div v-if="$slots.extra" class="flex justify-end">
+            <slot name="extra"></slot>
+          </div>
         </slot>
 
         <slot name="description">
@@ -82,10 +85,6 @@ onMounted(() => {
           </p>
         </slot>
       </div>
-
-      <div v-if="$slots.extra">
-        <slot name="extra"></slot>
-      </div>
     </div>
 
     <div :class="cn('h-full p-4', contentClass)" :style="contentStyle">