diff --git a/web/app/components/app/chat/more-info/index.tsx b/web/app/components/app/chat/more-info/index.tsx
index 89248e3169585e..4b18a0f37475a6 100644
--- a/web/app/components/app/chat/more-info/index.tsx
+++ b/web/app/components/app/chat/more-info/index.tsx
@@ -9,7 +9,7 @@ export type IMoreInfoProps = { more: MessageMore; isQuestion: boolean }
 
 const MoreInfo: FC<IMoreInfoProps> = ({ more, isQuestion }) => {
   const { t } = useTranslation()
-  return (<div className={`mt-1 space-x-2 text-xs text-gray-400 ${isQuestion ? 'mr-2 text-right ' : 'ml-2 text-left float-right'}`}>
+  return (<div className={`mt-1 w-full text-xs text-gray-400 !text-right ${isQuestion ? 'mr-2 text-right ' : 'ml-2 text-left float-right'}`}>
     <span>{`${t('appLog.detail.timeConsuming')} ${more.latency}${t('appLog.detail.second')}`}</span>
     <span>{`${t('appLog.detail.tokenCost')} ${formatNumber(more.tokens)}`}</span>
     <span>· </span>
diff --git a/web/app/components/app/chat/style.module.css b/web/app/components/app/chat/style.module.css
index b29abc78d88bc7..65f8a326d7155c 100644
--- a/web/app/components/app/chat/style.module.css
+++ b/web/app/components/app/chat/style.module.css
@@ -53,7 +53,6 @@
   justify-content: flex-end;
 }
 
-.answerWrap,
 .question {
   display: inline-block;
   max-width: 100%;