diff --git a/front/public/static/css/modal.css b/front/public/static/css/modal.css
index 5b8830de..fc97b9eb 100644
--- a/front/public/static/css/modal.css
+++ b/front/public/static/css/modal.css
@@ -108,4 +108,10 @@
 /* 气泡提示框按钮居中 */
 .ant-popover-inner-content .ant-popover-buttons {
     text-align: center;
-}
\ No newline at end of file
+}
+.ApplicationTopDetails-tooltip-card {
+    max-width: 9rem !important;
+    min-width: 6rem !important;
+    max-height: 6rem !important;
+    overflow-y: auto;
+  }
\ No newline at end of file
diff --git a/front/src/views/demandCenter/index.vue b/front/src/views/demandCenter/index.vue
index ed14a9a1..178f3364 100644
--- a/front/src/views/demandCenter/index.vue
+++ b/front/src/views/demandCenter/index.vue
@@ -20,7 +20,7 @@
             <a-list-item>
               <a-skeleton avatar :title="false" :loading="!!item.loading" active>
                 <a-tooltip placement="topLeft" arrow-point-at-center mouseEnterDelay="1"
-                  overlayClassName="tooltip-card">
+                  overlayClassName="demandCenter-tooltip-card">
                   <template #title>
                     <div class="tooltip-desc">{{ item.demandDetails || '--' }}</div>
                   </template>
@@ -334,7 +334,7 @@ html {
   height: unset;
 }
 
-.tooltip-card {
+.demandCenter-tooltip-card {
   max-width: 900px !important;
   min-width: 600px !important;
   max-height: 600px !important;
diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
index 795b4efe..cf2e7cfd 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
@@ -45,7 +45,7 @@
           <template #title>应用领域：{{ applicationArea }}</template>
           <div>应用领域：{{ applicationArea }}</div>
         </a-tooltip>
-        <a-tooltip placement="top">
+        <a-tooltip placement="top" overlayClassName="ApplicationTopDetails-tooltip-card">
           <template #title>{{ props.dataList.description }}</template>
           <div>
             {{ props.dataList.description }}
diff --git a/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue b/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
index 19ecc008..6cb64613 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
@@ -36,7 +36,7 @@
           <template #title>应用领域：{{ applicationArea }}</template>
           <div>应用领域：{{ applicationArea }}</div>
         </a-tooltip>
-        <a-tooltip placement="top">
+        <a-tooltip placement="top"  overlayClassName="ApplicationTopDetails-tooltip-card">
           <template #title>{{ props.dataList.description }}</template>
           <div>
             {{ props.dataList.description }}
@@ -350,3 +350,11 @@
     }
   }
 </style>
+<style>
+.ApplicationTopDetails-tooltip-card {
+  max-width: 9rem !important;
+  min-width: 6rem !important;
+  max-height: 6rem !important;
+  overflow-y: auto;
+}
+</style>