diff --git a/frontend/src/styles/element-dark.scss b/frontend/src/styles/element-dark.scss
index 221e7ef69612..de0a01f14121 100644
--- a/frontend/src/styles/element-dark.scss
+++ b/frontend/src/styles/element-dark.scss
@@ -331,4 +331,8 @@ html.dark {
     .el-collapse-item__header {
         color: #ffffff;
     }
+
+    .file-item:hover {
+        background-color: #4f4f4f;
+    }
 }
diff --git a/frontend/src/views/host/file-management/upload/index.vue b/frontend/src/views/host/file-management/upload/index.vue
index 9cf94b7788ea..3aa421b392f1 100644
--- a/frontend/src/views/host/file-management/upload/index.vue
+++ b/frontend/src/views/host/file-management/upload/index.vue
@@ -336,7 +336,7 @@ defineExpose({ acceptParams });
 }
 
 .file-item {
-    font-size: 12px;
+    font-size: 14px;
     color: #888;
     position: relative;
     display: flex;