diff --git a/apps/web/src/app/main/path/components/TermInfo.tsx b/apps/web/src/app/main/path/components/TermInfo.tsx
index 8f7e7ac..b26f721 100644
--- a/apps/web/src/app/main/path/components/TermInfo.tsx
+++ b/apps/web/src/app/main/path/components/TermInfo.tsx
@@ -12,10 +12,10 @@ const TermInfo = ({ terms = [] }: { terms?: TermDto[] }) => {
 								key={term.id}
 								color={
 									term?.taxonomy?.slug ===
-									TaxonomySlug.CATEGORY
+										TaxonomySlug.CATEGORY
 										? "green"
 										: term?.taxonomy?.slug ===
-											  TaxonomySlug.LEVEL
+											TaxonomySlug.LEVEL
 											? "blue"
 											: "orange"
 								}
diff --git a/apps/web/src/components/common/uploader/ResourceShower.tsx b/apps/web/src/components/common/uploader/ResourceShower.tsx
index 29e7a93..e1e1e01 100755
--- a/apps/web/src/components/common/uploader/ResourceShower.tsx
+++ b/apps/web/src/components/common/uploader/ResourceShower.tsx
@@ -108,15 +108,15 @@ export default function ResourcesShower({
 												{resource.title?.slice(0, 12) ||
 													"未命名"}
 											</p>
-											<div className="flex items-center justify-between text-xs text-gray-500">
-												<span className="bg-gray-100 px-0.5 rounded-sm">
+											<div className="flex items-center justify-between text-xs text-gray-500 ">
+												<span className="bg-gray-100 px-0.5 rounded-sm mr-2 whitespace-pre-wrap">
 													{resource.url
 														.split(".")
 														.pop()
 														?.slice(0, 4)
 														.toUpperCase()}
 												</span>
-												<span>
+												<span className="flex  bg-gray-100 px-0.5 rounded-sm justify-items-center whitespace-pre-wrap">
 													{resource.meta.size &&
 														formatFileSize(
 															resource.meta.size
diff --git a/apps/web/src/components/models/course/detail/CourseDetailDescription.tsx b/apps/web/src/components/models/course/detail/CourseDetailDescription.tsx
index e7b3c8e..019dcbc 100755
--- a/apps/web/src/components/models/course/detail/CourseDetailDescription.tsx
+++ b/apps/web/src/components/models/course/detail/CourseDetailDescription.tsx
@@ -1,5 +1,5 @@
 import { Course, TaxonomySlug } from "@nice/common";
-import React, { useContext, useMemo } from "react";
+import React, { useContext, useEffect, useMemo } from "react";
 import { Image, Typography, Skeleton, Tag } from "antd"; // 引入 antd 组件
 import { CourseDetailContext } from "./CourseDetailContext";
 import { useNavigate, useParams } from "react-router-dom";