diff --git a/core/core-frontend/src/views/common/DeResourceCreateOptV2.vue b/core/core-frontend/src/views/common/DeResourceCreateOptV2.vue
index 90d6dabce5..5edadb75b5 100644
--- a/core/core-frontend/src/views/common/DeResourceCreateOptV2.vue
+++ b/core/core-frontend/src/views/common/DeResourceCreateOptV2.vue
@@ -2,7 +2,7 @@
   <el-dialog
     class="market-create-dialog"
     v-model="state.dialogShow"
-    width="90vw"
+    width="80vw"
     height="90vh"
     :before-close="close"
     @submit.prevent
diff --git a/core/core-frontend/src/views/template-market/component/CategoryTemplateV2.vue b/core/core-frontend/src/views/template-market/component/CategoryTemplateV2.vue
index 64143b2ae6..1a5bb67fdb 100644
--- a/core/core-frontend/src/views/template-market/component/CategoryTemplateV2.vue
+++ b/core/core-frontend/src/views/template-market/component/CategoryTemplateV2.vue
@@ -90,9 +90,8 @@ const props = defineProps({
   width: 100%;
   float: left;
   height: 24px;
-  margin-top: 16px;
   display: inline;
-  margin-bottom: 16px;
+  margin-bottom: 8px;
   .custom-split-line {
     margin: 4px 8px 0 12px;
     width: 2px;
diff --git a/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue b/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue
index f973d71d81..0928fb21fa 100644
--- a/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue
+++ b/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue
@@ -1,6 +1,8 @@
 <template>
   <div class="testcase-template">
-    <div class="template-img" :style="classBackground" @click.stop="templateInnerPreview" />
+    <div class="template-img-container">
+      <div class="template-img" :style="classBackground" @click.stop="templateInnerPreview" />
+    </div>
     <el-row class="bottom-area"> </el-row>
     <el-row
       class="bottom-area-show"
@@ -115,10 +117,14 @@ const templateInnerPreview = () => {
   text-overflow: ellipsis;
   color: var(--TextPrimary, #1f2329);
 }
-
+.template-img-container {
+  padding: 4px 4px 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+}
 .template-img {
   background-size: 100% 100%;
-  margin: 4px 4px 0 4px;
   border-radius: 4px 4px 0 0;
 }
 
diff --git a/core/core-frontend/src/views/template-market/index.vue b/core/core-frontend/src/views/template-market/index.vue
index b73744189b..bb01657704 100644
--- a/core/core-frontend/src/views/template-market/index.vue
+++ b/core/core-frontend/src/views/template-market/index.vue
@@ -140,7 +140,7 @@
             </el-row>
             <el-row v-show="state.marketActiveTab === t('work_branch.recommend')">
               <el-row
-                style="display: inline; width: 100%; margin-bottom: 16px"
+                style="display: inline; width: 100%; margin-bottom: 32px"
                 v-for="(categoryItem, index) in categoriesComputed"
                 :key="index"
               >