diff --git a/apps/stage-tamagotchi/src/pages/index.vue b/apps/stage-tamagotchi/src/pages/index.vue
index 68caeb679..f66898b8e 100644
--- a/apps/stage-tamagotchi/src/pages/index.vue
+++ b/apps/stage-tamagotchi/src/pages/index.vue
@@ -74,7 +74,7 @@ onMounted(async () => {
         <div
           border="solid 2 primary-100 "
           text="lg primary-400 hover:primary-600  placeholder:primary-400 placeholder:hover:primary-600"
-          bg="primary-50 dark:primary-100" max-h="[10lh]" min-h="[1lh]"
+          bg="primary-50 dark:primary-50" max-h="[10lh]" min-h="[1lh]"
           flex cursor-pointer items-center justify-center rounded-l-xl p-4 transition-colors
           @click="openChat"
         >
@@ -83,7 +83,7 @@ onMounted(async () => {
         <div
           border="solid 2 primary-100 "
           text="lg primary-400 hover:primary-600  placeholder:primary-400 placeholder:hover:primary-600"
-          bg="primary-50 dark:primary-100" max-h="[10lh]" min-h="[1lh]"
+          bg="primary-50 dark:primary-50" max-h="[10lh]" min-h="[1lh]"
           flex cursor-pointer items-center justify-center rounded-r-xl p-4 transition-colors
           @click="openSettings"
         >
@@ -161,7 +161,7 @@ onMounted(async () => {
 }
 
 .wall {
-  @apply text-primary-200;
+  --at-apply: text-primary-200;
 
   --wall-width: 8px;
   animation: wall-move 1s linear infinite;
diff --git a/packages/stage-ui/src/components/Menu/RadioCardDetail.vue b/packages/stage-ui/src/components/Menu/RadioCardDetail.vue
index c8532ce8a..9af4a9322 100644
--- a/packages/stage-ui/src/components/Menu/RadioCardDetail.vue
+++ b/packages/stage-ui/src/components/Menu/RadioCardDetail.vue
@@ -80,7 +80,7 @@ function toggleExpansion() {
     <div class="w-full flex flex-col gap-2">
       <div class="flex items-center">
         <span
-          class="line-clamp-1 font-medium"
+          class="line-clamp-1 font-thin"
           :class="[
             modelValue === value
               ? 'text-neutral-700 dark:text-neutral-300'
diff --git a/packages/stage-ui/src/components/Menu/RadioCardSimple.vue b/packages/stage-ui/src/components/Menu/RadioCardSimple.vue
index d7103c5e6..79e8c56a3 100644
--- a/packages/stage-ui/src/components/Menu/RadioCardSimple.vue
+++ b/packages/stage-ui/src/components/Menu/RadioCardSimple.vue
@@ -48,7 +48,7 @@ const modelValue = defineModel<string>({ required: true })
     </div>
     <div flex="~ col" min-h-16 w-full items-start justify-center pb-2 pl-5 pr-4 pt-2>
       <span
-        class="radio-item-name font-bold"
+        class="radio-item-name font-thin"
         text="md"
         :class="[
           modelValue === value