diff --git a/apps/stage-tamagotchi/src/renderer/pages/about.vue b/apps/stage-tamagotchi/src/renderer/pages/about.vue
index c2a38dcfb..b8847b670 100644
--- a/apps/stage-tamagotchi/src/renderer/pages/about.vue
+++ b/apps/stage-tamagotchi/src/renderer/pages/about.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { MarkdownRenderer } from '@proj-airi/stage-ui/components'
+import { AboutContent, MarkdownRenderer } from '@proj-airi/stage-ui/components'
 import { useSharedAnalyticsStore } from '@proj-airi/stage-ui/stores/analytics/index'
 import { Button, DoubleCheckButton, Progress } from '@proj-airi/ui'
 import { useMediaQuery } from '@vueuse/core'
@@ -68,16 +68,7 @@ const releaseNotesContent = computed(() => {
     ]"
   >
     <div :class="['mx-auto max-w-[min(960px,calc(100%-2rem))]', 'px-6 py-20']">
-      <!-- Header -->
-      <div :class="['mb-14', 'text-center', 'font-sans-rounded']">
-        <div :class="['text-5xl']">
-          <span :class="['text-neutral-400 dark:text-neutral-100/65']">Project</span>
-          <span :class="['text-pink-400 dark:text-pink-300/90']"> AIRI</span>
-        </div>
-        <div :class="['mt-2 text-base text-neutral-500 dark:text-neutral-400']">
-          Desktop ver.
-        </div>
-      </div>
+      <AboutContent title="Project" highlight="AIRI" subtitle="Desktop ver." />
 
       <!-- Main Content Card -->
       <div :class="['mb-12', 'rounded-2xl', 'bg-white/50 dark:bg-black/20', 'p-6', 'backdrop-blur-sm']">
diff --git a/packages/stage-ui/src/components/scenarios/about/about-content.vue b/packages/stage-ui/src/components/scenarios/about/about-content.vue
index 4080476b3..4389c1745 100644
--- a/packages/stage-ui/src/components/scenarios/about/about-content.vue
+++ b/packages/stage-ui/src/components/scenarios/about/about-content.vue
@@ -31,10 +31,12 @@ const hasBuildInfo = computed(() => {
 
 <template>
   <div :class="['max-w-[min(960px,calc(100%-2rem))]', 'mx-auto', 'h-full', 'flex', 'flex-col', 'pt-14']">
-    <div :class="['mb-14', 'text-center', 'text-5xl', 'font-sans-rounded']">
-      <span :class="['text-neutral-400 dark:text-neutral-100/65']">{{ title }}</span>
-      <span :class="['text-pink-400 dark:text-pink-300/90']"> {{ highlight }}</span>
-      <div v-if="subtitle" :class="['mt-2 text-base']">
+    <div class="mb-14 text-center font-sans-rounded">
+      <div class="text-5xl">
+        <span class="text-neutral-400 dark:text-neutral-100/65">{{ title }}</span>
+        <span class="text-pink-400 dark:text-pink-300/90">&nbsp;{{ highlight }}</span>
+      </div>
+      <div v-if="subtitle" class="mt-2 text-base text-neutral-500 dark:text-neutral-400">
         {{ subtitle }}
       </div>
     </div>
diff --git a/uno.config.ts b/uno.config.ts
index 76eb8ca9c..17497418f 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -108,7 +108,6 @@ export function presetWebFontsFonts(provider: 'fontsource' | 'none'): Record<str
     'comfortaa': {
       name: provider === 'fontsource' ? 'Comfortaa' : 'Comfortaa Variable',
       provider,
-      subsets: ['cyrillic'],
     },
     'm-plus-rounded': {
       name: 'M PLUS Rounded 1c',