diff --git a/frontend/src/views/case-management/caseManagementFeature/components/caseTree.vue b/frontend/src/views/case-management/caseManagementFeature/components/caseTree.vue
index 9cfcef7d1d..c053e4a4fe 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/caseTree.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/caseTree.vue
@@ -1,5 +1,5 @@
 <template>
-  <a-spin class="min-h-[400px] w-full" :loading="loading">
+  <a-spin class="w-full" :loading="loading">
     <a-input
       v-if="props.isModal"
       v-model:model-value="moduleKeyword"
diff --git a/frontend/src/views/case-management/caseManagementFeature/index.vue b/frontend/src/views/case-management/caseManagementFeature/index.vue
index bac506fa7e..1ca25354a8 100644
--- a/frontend/src/views/case-management/caseManagementFeature/index.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/index.vue
@@ -89,34 +89,32 @@
               </div>
             </div>
             <a-divider class="my-[8px]" />
-            <FeatureCaseTree
-              ref="caseTreeRef"
-              v-model:selected-keys="selectedKeys"
-              v-model:group-keyword="groupKeyword"
-              :all-names="rootModulesName"
-              :active-folder="activeFolder"
-              :is-expand-all="isExpandAll"
-              :modules-count="modulesCount"
-              :is-modal="false"
-              @case-node-select="caseNodeSelect"
-              @init="setRootModules"
-              @drag-update="dragUpdate"
-              @delete-node="deleteNode"
-            />
+            <div class="h-[calc(100vh-236px)]">
+              <FeatureCaseTree
+                ref="caseTreeRef"
+                v-model:selected-keys="selectedKeys"
+                v-model:group-keyword="groupKeyword"
+                :all-names="rootModulesName"
+                :active-folder="activeFolder"
+                :is-expand-all="isExpandAll"
+                :modules-count="modulesCount"
+                :is-modal="false"
+                @case-node-select="caseNodeSelect"
+                @init="setRootModules"
+                @drag-update="dragUpdate"
+                @delete-node="deleteNode"
+              />
+            </div>
           </div>
         </div>
         <div class="flex-1">
           <a-divider class="!my-0 !mb-0" />
-          <div class="case">
-            <div
-              class="flex items-center px-[20px]"
-              :class="getActiveClass('recycle')"
-              @click="setActiveFolder('recycle')"
-            >
+          <div class="case h-[40px] !px-[24px]">
+            <div class="flex items-center" :class="getActiveClass('recycle')" @click="setActiveFolder('recycle')">
               <MsIcon type="icon-icon_delete-trash_outlined1" class="folder-icon" />
               <div class="folder-name mx-[4px]">{{ t('caseManagement.featureCase.recycle') }}</div>
-              <div class="folder-count">({{ recycleModulesCount.all || 0 }})</div>
             </div>
+            <div class="folder-count">{{ recycleModulesCount.all || 0 }}</div>
           </div>
         </div>
       </template>