diff --git a/frontend/src/views/workbench/homePage/components/apiCount.vue b/frontend/src/views/workbench/homePage/components/apiCount.vue
index 9ac1edc2bb..5c4ae83720 100644
--- a/frontend/src/views/workbench/homePage/components/apiCount.vue
+++ b/frontend/src/views/workbench/homePage/components/apiCount.vue
@@ -20,18 +20,16 @@
       </div>
     </div>
     <div class="my-[16px]">
-      <TabCard :content-tab-list="apiCountTabList" not-has-padding hidden-border min-width="270px">
+      <TabCard :content-tab-list="apiCountTabList" not-has-padding hidden-border min-width="296px">
         <template #item="{ item: tabItem }">
-          <div class="w-full">
-            <PassRatePie
-              :tooltip-text="tabItem.tooltip"
-              :options="tabItem.options"
-              :size="60"
-              :loading="tabItem.value === 'cover' ? loading : undefined"
-              :has-permission="hasPermission"
-              :value-list="tabItem.valueList"
-            />
-          </div>
+          <PassRatePie
+            :tooltip-text="tabItem.tooltip"
+            :options="tabItem.options"
+            :size="60"
+            :loading="tabItem.value === 'cover' ? loading : undefined"
+            :has-permission="hasPermission"
+            :value-list="tabItem.valueList"
+          />
         </template>
       </TabCard>
       <div class="h-[148px]">
diff --git a/frontend/src/views/workbench/homePage/components/passRatePie.vue b/frontend/src/views/workbench/homePage/components/passRatePie.vue
index 6b6854d38a..3eaf43b65e 100644
--- a/frontend/src/views/workbench/homePage/components/passRatePie.vue
+++ b/frontend/src/views/workbench/homePage/components/passRatePie.vue
@@ -51,7 +51,7 @@
     background: var(--color-text-n9);
     @apply flex items-center;
     .pass-rate-title {
-      @apply ml-4 flex items-center gap-4;
+      @apply ml-4 flex items-center gap-2;
       .pass-rate-count {
         font-size: 20px;
         color: rgb(var(--primary-4));
diff --git a/frontend/src/views/workbench/homePage/index.vue b/frontend/src/views/workbench/homePage/index.vue
index 9c5fb8a2c3..dbc8df21ef 100644
--- a/frontend/src/views/workbench/homePage/index.vue
+++ b/frontend/src/views/workbench/homePage/index.vue
@@ -363,8 +363,6 @@
 
 <style scoped lang="less">
   .work-bench-content {
-    @apply overflow-x-auto;
-    .ms-scroll-bar();
     .header-setting {
       position: sticky;
       top: 0;
@@ -386,6 +384,7 @@
 <style lang="less">
   .card-wrapper {
     padding: 24px;
+    min-width: 356px;
     box-shadow: 0 0 10px rgba(120 56 135/ 5%);
     @apply rounded-xl bg-white;
     &.card-min-height {