From 48efd2d174cf457608b9d0913caa095671f2e449 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=9E=E6=B3=95=E6=93=8D=E4=BD=9C?= <hjlarry@163.com>
Date: Tue, 9 Dec 2025 11:00:37 +0800
Subject: [PATCH] fix: try-to-ask misalign (#29309)

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
---
 web/app/components/base/chat/chat/try-to-ask.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/web/app/components/base/chat/chat/try-to-ask.tsx b/web/app/components/base/chat/chat/try-to-ask.tsx
index 7e3dcc95f9..3fc690361e 100644
--- a/web/app/components/base/chat/chat/try-to-ask.tsx
+++ b/web/app/components/base/chat/chat/try-to-ask.tsx
@@ -4,7 +4,6 @@ import { useTranslation } from 'react-i18next'
 import type { OnSend } from '../types'
 import Button from '@/app/components/base/button'
 import Divider from '@/app/components/base/divider'
-import cn from '@/utils/classnames'
 
 type TryToAskProps = {
   suggestedQuestions: string[]
@@ -20,12 +19,12 @@ const TryToAsk: FC<TryToAskProps> = ({
 
   return (
     <div className='mb-2 py-2'>
-      <div className={cn('mb-2.5 flex items-center justify-between gap-2', isMobile && 'justify-end')}>
-        <Divider bgStyle='gradient' className='h-px grow rotate-180' />
+      <div className="mb-2.5 flex items-center justify-between gap-2">
+        <Divider bgStyle='gradient' className='h-px !w-auto grow rotate-180' />
         <div className='system-xs-medium-uppercase shrink-0 text-text-tertiary'>{t('appDebug.feature.suggestedQuestionsAfterAnswer.tryToAsk')}</div>
-        {!isMobile && <Divider bgStyle='gradient' className='h-px grow' />}
+        <Divider bgStyle='gradient' className='h-px !w-auto grow' />
       </div>
-      <div className={cn('flex flex-wrap justify-center', isMobile && 'justify-end')}>
+      <div className="flex flex-wrap justify-center">
         {
           suggestedQuestions.map((suggestQuestion, index) => (
             <Button