diff --git a/src/frontend/client/src/pages/knowledge/SpaceDetail/FileCard.tsx b/src/frontend/client/src/pages/knowledge/SpaceDetail/FileCard.tsx
index 9e6970c15..25c16b46b 100644
--- a/src/frontend/client/src/pages/knowledge/SpaceDetail/FileCard.tsx
+++ b/src/frontend/client/src/pages/knowledge/SpaceDetail/FileCard.tsx
@@ -549,7 +549,7 @@ export function FileCard({
                 !mobileListMode && "h-[160px]",
                 cardOpensPreviewOrFolder ? "cursor-pointer" : "cursor-default",
                 isSelected
-                    ? "bg-blue-500/[0.07]"
+                    ? "bg-blue-50"
                     : isNotParsed
                         ? "bg-[#fbfbfb]"
                         : "bg-white",
diff --git a/src/frontend/client/src/pages/knowledge/SpaceDetail/FileTable.tsx b/src/frontend/client/src/pages/knowledge/SpaceDetail/FileTable.tsx
index 4412b921e..70fd09357 100644
--- a/src/frontend/client/src/pages/knowledge/SpaceDetail/FileTable.tsx
+++ b/src/frontend/client/src/pages/knowledge/SpaceDetail/FileTable.tsx
@@ -893,7 +893,7 @@ function FileRow({
     const rowBg = isFolderDragOver
         ? "bg-blue-100 transition-colors duration-150"
         : isSelected
-            ? "bg-blue-500/[0.07] transition-colors duration-150 group-hover:bg-[#F8F8F8]"
+            ? "bg-blue-50 transition-colors duration-150 group-hover:bg-[#F8F8F8]"
             : "bg-white transition-colors duration-150 group-hover:bg-[#f7f7f7]";
     const {
         isRenaming,