src/features/SetupFont/ui/SetupFontMenu.svelte

@@ -1,14 +1,19 @@
 <script lang="ts">
+/**
+ * Component containing controls for setting up font properties.
+ */
 import { Separator } from '$shared/shadcn/ui/separator/index';
-import * as Sidebar from '$shared/shadcn/ui/sidebar/index';
+import { Trigger as SidebarTrigger } from '$shared/shadcn/ui/sidebar';
 import { ComboControl } from '$shared/ui';
-import { controlManager } from '../model/state/manager.svetle';
+import { controlManager } from '../model';
 </script>
 
-<div class="w-full p-2 flex flex-row items-center gap-2">
-    <Sidebar.Trigger />
+<div class="p-2 flex flex-row items-center gap-2">
+    <SidebarTrigger />
     <Separator orientation="vertical" class="h-full" />
+    <div class="flex flex-row gap-2">
         {#each controlManager.controls as control (control.id)}
             <ComboControl control={control.instance} />
         {/each}
     </div>
+</div>

src/widgets/TypographySettings/ui/TypographyMenu.svelte

@@ -1,12 +1,17 @@
 <script lang="ts">
+import { FontSearch } from '$features/FetchFonts';
 import SetupFontMenu from '$features/SetupFont/ui/SetupFontMenu.svelte';
-import * as Item from '$shared/shadcn/ui/item';
+import {
+    Content as ItemContent,
+    Root as ItemRoot,
+} from '$shared/shadcn/ui/item';
 </script>
 
 <div class="w-full p-2">
-    <Item.Root variant="outline" class="w-full p-2.5">
-        <Item.Content>
+    <ItemRoot variant="outline" class="w-full p-2.5">
+        <ItemContent class="flex flex-row justify-center items-center">
             <SetupFontMenu />
-        </Item.Content>
-    </Item.Root>
+            <FontSearch />
+        </ItemContent>
+    </ItemRoot>
 </div>