diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index 5291e92..9938a48 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -1,5 +1,5 @@
import { useTranslation } from "react-i18next";
-import { Library, Search, User, Youtube } from "lucide-react";
+import { Library, Search, User, X, Youtube } from "lucide-react";
import type { FeedFilters, Me } from "../lib/api";
import type { Page } from "../lib/urlState";
import SyncStatus from "./SyncStatus";
@@ -81,8 +81,18 @@ export default function Header({
if (e.key === "Enter" && trimmedQ && canSearchYt) onYtSearch(trimmedQ);
}}
placeholder={t("header.searchPlaceholder")}
- className="w-full bg-card border border-border rounded-full pl-9 pr-4 py-2 text-sm outline-none focus:border-accent"
+ className="w-full bg-card border border-border rounded-full pl-9 pr-9 py-2 text-sm outline-none focus:border-accent"
/>
+ {filters.q && (
+
+ )}
{trimmedQ && canSearchYt && (