diff --git a/frontend/src/components/SearchBar.tsx b/frontend/src/components/SearchBar.tsx
index f84e9b3..d78cf2c 100644
--- a/frontend/src/components/SearchBar.tsx
+++ b/frontend/src/components/SearchBar.tsx
@@ -80,7 +80,7 @@ export function SearchBar({ initialQuery = "", onSearch, className }: SearchBarP
           aria-activedescendant={selectedIndex >= 0 ? `suggestion-${selectedIndex}` : undefined}
           className="w-full rounded-full border border-input bg-background px-10 py-3 text-base shadow-sm
                      placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring
-                     sm:text-lg"
+                     sm:text-lg [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden"
         />
         {query && (
           <button