diff --git a/src/features/DisplayFont/ui/FontComparer/FontComparer.svelte b/src/features/DisplayFont/ui/FontComparer/FontComparer.svelte
index 287f206..198b90e 100644
--- a/src/features/DisplayFont/ui/FontComparer/FontComparer.svelte
+++ b/src/features/DisplayFont/ui/FontComparer/FontComparer.svelte
@@ -2,7 +2,7 @@
 import { appliedFontsManager } from '$entities/Font';
 import { controlManager } from '$features/SetupFont';
 import { Input } from '$shared/shadcn/ui/input';
-import { ComparisonSlider } from '$shared/ui';
+import { ComparisonSlider } from '$widgets/ComparisonSlider/ui';
 import { displayedFontsStore } from '../../model';
 import PairSelector from '../PairSelector/PairSelector.svelte';
 
@@ -11,7 +11,9 @@ const [fontA, fontB] = $derived(displayedFontsStore.selectedPair);
 const hasAnyPairs = $derived(displayedFontsStore.fonts.length > 0);
 
 $effect(() => {
-    appliedFontsManager.touch(displayedFontsStore.fonts.map(font => ({ slug: font.id, weight })));
+    appliedFontsManager.touch(
+        displayedFontsStore.fonts.map(font => ({ slug: font.id, weight: controlManager.weight })),
+    );
 });
 </script>
 
@@ -26,10 +28,8 @@ $effect(() => {
             <ComparisonSlider
                 fontA={fontA}
                 fontB={fontB}
-                text={displayedText}
-                weight={weight}
+                bind:text={displayedText}
             />
-            </div>
         {/if}
     </div>
 {/if}