diff --git a/src/app/ui/Layout.svelte b/src/app/ui/Layout.svelte
index a934407..021c334 100644
--- a/src/app/ui/Layout.svelte
+++ b/src/app/ui/Layout.svelte
@@ -49,8 +49,6 @@ onMount(async () => {
     }
     fontsReady = true;
 });
-
-$inspect(fontsReady);
 </script>
 
 <svelte:head>
diff --git a/src/widgets/ComparisonSlider/ui/ComparisonSlider/ComparisonSlider.svelte b/src/widgets/ComparisonSlider/ui/ComparisonSlider/ComparisonSlider.svelte
index e34157d..8e22e3a 100644
--- a/src/widgets/ComparisonSlider/ui/ComparisonSlider/ComparisonSlider.svelte
+++ b/src/widgets/ComparisonSlider/ui/ComparisonSlider/ComparisonSlider.svelte
@@ -167,10 +167,6 @@ $effect(() => {
                     {char}
                     {proximity}
                     {isPast}
-                    weight={typography.weight}
-                    size={typography.renderedSize}
-                    fontAName={fontA.name}
-                    fontBName={fontB.name}
                 />
             {/if}
         {/each}
@@ -202,7 +198,9 @@ $effect(() => {
     >
         <!-- Text Rendering Container -->
         {#if isLoading}
-            <Loader size={24} />
+            <div out:fade={{ duration: 300 }}>
+                <Loader size={24} />
+            </div>
         {:else}
             <div
                 class="