diff --git a/packages/stage-layouts/src/components/Layouts/MobileInteractiveArea.vue b/packages/stage-layouts/src/components/Layouts/MobileInteractiveArea.vue
index 91e7a1ef7..db638edc0 100644
--- a/packages/stage-layouts/src/components/Layouts/MobileInteractiveArea.vue
+++ b/packages/stage-layouts/src/components/Layouts/MobileInteractiveArea.vue
@@ -380,9 +380,10 @@ onUnmounted(() => {
           v-model="messageInput"
           :placeholder="t('stage.message')"
           :class="[
+            'font-cute',
             'max-h-[10lh] min-h-[calc(1lh+4px+4px)] w-full resize-none overflow-y-scroll rounded-[1lh] px-4 py-0.5 outline-none backdrop-blur-md scrollbar-none',
             'border-2 border-solid border-neutral-200/60 bg-neutral-100/80 text-neutral-500 dark:border-neutral-700/60 dark:bg-neutral-950/80 dark:text-neutral-100',
-            'transition-all duration-250 ease-in-out hover:text-neutral-600 placeholder:text-neutral-400 placeholder:transition-all placeholder:duration-250 placeholder:ease-in-out placeholder:hover:text-neutral-500 dark:hover:text-neutral-200 dark:placeholder:text-neutral-300 dark:placeholder:hover:text-neutral-400',
+            'transition-all duration-250 ease-in-out hover:text-neutral-600 placeholder:text-[14px] placeholder:vertical-middle placeholder:leading-6 placeholder:text-neutral-400 placeholder:transition-all placeholder:duration-250 placeholder:ease-in-out placeholder:hover:text-neutral-500 dark:hover:text-neutral-200 dark:placeholder:text-neutral-500 dark:placeholder:hover:text-neutral-400',
             themeColorsHueDynamic ? 'transition-colors-none placeholder:transition-colors-none' : undefined,
           ]"
           default-height="1lh"
diff --git a/packages/stage-ui/src/components/scenarios/chat/components/assistant-item.vue b/packages/stage-ui/src/components/scenarios/chat/components/assistant-item.vue
index 9c632002e..2c2cc06d3 100644
--- a/packages/stage-ui/src/components/scenarios/chat/components/assistant-item.vue
+++ b/packages/stage-ui/src/components/scenarios/chat/components/assistant-item.vue
@@ -86,7 +86,7 @@ const copyText = computed(() => getChatHistoryItemCopyText(props.message as Chat
 </script>
 
 <template>
-  <div flex :class="containerClass" class="ph-no-capture">
+  <div flex :class="['font-cute', containerClass]" class="ph-no-capture">
     <ChatActionMenu
       :copy-text="copyText"
       :can-delete="!showPlaceholder"
diff --git a/packages/stage-ui/src/components/scenarios/chat/components/error-item.vue b/packages/stage-ui/src/components/scenarios/chat/components/error-item.vue
index 52e9754b9..f889ea6a8 100644
--- a/packages/stage-ui/src/components/scenarios/chat/components/error-item.vue
+++ b/packages/stage-ui/src/components/scenarios/chat/components/error-item.vue
@@ -45,6 +45,7 @@ const copyText = computed(() => getChatHistoryItemCopyText(props.message as Chat
     :class="[
       'flex flex-col',
       variant === 'mobile' ? 'mr-0' : 'mr-12',
+      'font-cute',
     ]"
   >
     <ChatActionMenu
diff --git a/packages/stage-ui/src/components/scenarios/chat/components/user-item.vue b/packages/stage-ui/src/components/scenarios/chat/components/user-item.vue
index 76c3e3238..ddbab84ce 100644
--- a/packages/stage-ui/src/components/scenarios/chat/components/user-item.vue
+++ b/packages/stage-ui/src/components/scenarios/chat/components/user-item.vue
@@ -53,7 +53,7 @@ const copyText = computed(() => getChatHistoryItemCopyText(props.message as Chat
 </script>
 
 <template>
-  <div v-if="message.role === 'user'" :class="containerClasses" class="ph-no-capture">
+  <div v-if="message.role === 'user'" :class="['font-cute', containerClasses]" class="ph-no-capture">
     <ChatActionMenu
       :copy-text="copyText"
       placement="left"