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