diff --git a/src/features/FetchFonts/ui/FontSearch/FontSearch.svelte b/src/features/FetchFonts/ui/FontSearch/FontSearch.svelte
new file mode 100644
index 0000000..32563e7
--- /dev/null
+++ b/src/features/FetchFonts/ui/FontSearch/FontSearch.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+import { fontCollection } from '$entities/Font';
+import FontList from '$entities/Font/ui/FontList/FontList.svelte';
+import SearchBar from '$shared/ui/SearchBar/SearchBar.svelte';
+
+interface Props {
+    id?: string;
+}
+
+const {
+    id = 'font-search',
+}: Props = $props();
+</script>
+
+<SearchBar class="w-full" bind:value={fontCollection.searchQuery} id={id}>
+    <FontList />
+</SearchBar>