diff --git a/src/frontend/client/src/pages/knowledge/SpaceDetail/FileCard.tsx b/src/frontend/client/src/pages/knowledge/SpaceDetail/FileCard.tsx
index eb45c9d2e..b635da311 100644
--- a/src/frontend/client/src/pages/knowledge/SpaceDetail/FileCard.tsx
+++ b/src/frontend/client/src/pages/knowledge/SpaceDetail/FileCard.tsx
@@ -546,7 +546,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 a3bf5c5a0..adf305de0 100644
--- a/src/frontend/client/src/pages/knowledge/SpaceDetail/FileTable.tsx
+++ b/src/frontend/client/src/pages/knowledge/SpaceDetail/FileTable.tsx
@@ -874,7 +874,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,