diff --git a/apps/web/src/app/main/home/components/CategorySection.tsx b/apps/web/src/app/main/home/components/CategorySection.tsx
index 7d23030..6630e1b 100755
--- a/apps/web/src/app/main/home/components/CategorySection.tsx
+++ b/apps/web/src/app/main/home/components/CategorySection.tsx
@@ -58,7 +58,7 @@ const CategorySection = () => {
 					{isLoading ? (
 						<Skeleton paragraph={{ rows: 4 }}></Skeleton>
 					) : (
-						courseCategoriesData?.map((category, index) => {
+						courseCategoriesData?.filter(c=>!c.deletedAt)?.map((category, index) => {
 							const categoryColor = stringToColor(category.name);
 							const isHovered = hoveredIndex === index;
 
diff --git a/apps/web/src/components/models/term/term-parent-selector.tsx b/apps/web/src/components/models/term/term-parent-selector.tsx
index 58c1765..555db9d 100755
--- a/apps/web/src/components/models/term/term-parent-selector.tsx
+++ b/apps/web/src/components/models/term/term-parent-selector.tsx
@@ -1,7 +1,6 @@
 import { api } from "@nice/client/";
 import { Checkbox, Skeleton } from "antd";
 import { TermDto } from "@nice/common";
-import React from "react";
 export default function TermParentSelector({
 	value,
 	onChange,
@@ -40,7 +39,7 @@ export default function TermParentSelector({
 					}}></Skeleton>
 			) : (
 				<Checkbox.Group value={value} onChange={handleCheckboxChange}>
-					{data?.map((category) => (
+					{data?.filter(category=>!category.deletedAt)?.map((category) => (
 						<div className="w-full h-9 p-2 my-1" key={category.id}>
 							<Checkbox
 								className="text-base text-slate-700"