diff --git a/src/entities/Font/ui/FontListItem/FontListItem.svelte b/src/entities/Font/ui/FontListItem/FontListItem.svelte
index f32ec39..c2e58ab 100644
--- a/src/entities/Font/ui/FontListItem/FontListItem.svelte
+++ b/src/entities/Font/ui/FontListItem/FontListItem.svelte
@@ -112,10 +112,16 @@ function animateSelection() {
                 <div class="flex flex-row gap-1 w-full items-center justify-between">
                     <div class="flex flex-col gap-1 transition-all duration-150 ease-out">
                         <div class="flex flex-row gap-1">
-                            <Badge variant="outline" class="text-[0.5rem]">
+                            <Badge
+                                variant="outline"
+                                class="text-[0.5rem] font-mono uppercase tracking-widest text-slate-900"
+                            >
                                 {font.provider}
                             </Badge>
-                            <Badge variant="outline" class="text-[0.5rem]">
+                            <Badge
+                                variant="outline"
+                                class="text-[0.5rem] font-mono uppercase tracking-widest text-slate-900"
+                            >
                                 {font.category}
                             </Badge>
                         </div>