diff --git a/apps/web/src/app/main/layout/BasePost/FilterSection.tsx b/apps/web/src/app/main/layout/BasePost/FilterSection.tsx
index 8d9ebff..25575d1 100755
--- a/apps/web/src/app/main/layout/BasePost/FilterSection.tsx
+++ b/apps/web/src/app/main/layout/BasePost/FilterSection.tsx
@@ -1,17 +1,12 @@
-import { Checkbox, Divider, Radio, Space, Spin } from "antd";
-
-import { TaxonomySlug, TermDto } from "@nice/common";
-
-import { useEffect, useMemo, useState } from "react";
+import { Divider } from "antd";
 import { api } from "@nice/client";
-import { useSearchParams } from "react-router-dom";
-import TermSelect from "@web/src/components/models/term/term-select";
 import { useMainContext } from "../MainProvider";
 import TermParentSelector from "@web/src/components/models/term/term-parent-selector";
-
+import SearchModeRadio from "./SearchModeRadio";
 export default function FilterSection() {
 	const { data: taxonomies } = api.taxonomy.getAll.useQuery({});
-	const { selectedTerms, setSelectedTerms } = useMainContext();
+	const { selectedTerms, setSelectedTerms, showSearchMode } =
+		useMainContext();
 	const handleTermChange = (slug: string, selected: string[]) => {
 		setSelectedTerms({
 			...selectedTerms,
@@ -20,6 +15,7 @@ export default function FilterSection() {
 	};
 	return (
 		<div className=" flex z-0 p-6 flex-col rounded-lg mt-4   space-y-6 h-[820px]  overscroll-contain overflow-x-hidden">
+			{showSearchMode && <SearchModeRadio></SearchModeRadio>}
 			{taxonomies?.map((tax, index) => {
 				const items = Object.entries(selectedTerms).find(
 					([key, items]) => key === tax.slug