diff --git a/src/widgets/TypographySettings/ui/TypographyMenu.svelte b/src/widgets/TypographySettings/ui/TypographyMenu.svelte
index f384493..8c2733f 100644
--- a/src/widgets/TypographySettings/ui/TypographyMenu.svelte
+++ b/src/widgets/TypographySettings/ui/TypographyMenu.svelte
@@ -1,3 +1,7 @@
+<!--
+    Component: TypographyMenu
+    Provides a menu for selecting and configuring typography settings
+-->
 <script lang="ts">
 import { SetupFontMenu } from '$features/SetupFont';
 import {
@@ -5,7 +9,6 @@ import {
     Root as ItemRoot,
 } from '$shared/shadcn/ui/item';
 
-import { displayedFontsStore } from '$features/DisplayFont';
 import { cubicOut } from 'svelte/easing';
 import { crossfade } from 'svelte/transition';
 
@@ -22,16 +25,17 @@ const [send, receive] = crossfade({
 });
 </script>
 
-{#if displayedFontsStore.hasAnyFonts}
-    <div
-        class="w-auto fixed bottom-5 inset-x-0 max-screen z-10 flex justify-center"
-        in:receive={{ key: 'panel' }}
-        out:send={{ key: 'panel' }}
+<div
+    class="w-auto fixed bottom-5 inset-x-0 max-screen z-10 flex justify-center"
+    in:receive={{ key: 'panel' }}
+    out:send={{ key: 'panel' }}
+>
+    <ItemRoot
+        variant="outline"
+        class="w-auto max-w-max p-2.5 rounded-2xl backdrop-blur-lg"
     >
-        <ItemRoot variant="outline" class="w-auto max-w-max p-2.5 rounded-2xl backdrop-blur-lg">
-            <ItemContent class="flex flex-row justify-center items-center max-w-max">
-                <SetupFontMenu />
-            </ItemContent>
-        </ItemRoot>
-    </div>
-{/if}
+        <ItemContent class="flex flex-row justify-center items-center max-w-max">
+            <SetupFontMenu />
+        </ItemContent>
+    </ItemRoot>
+</div>