diff --git a/wren-ui/src/apollo/client/graphql/__types__.ts b/wren-ui/src/apollo/client/graphql/__types__.ts
index f21528e50..a42b4f8dd 100644
--- a/wren-ui/src/apollo/client/graphql/__types__.ts
+++ b/wren-ui/src/apollo/client/graphql/__types__.ts
@@ -859,8 +859,8 @@ export enum ResultCandidateType {
 export type ResultQuestion = {
   __typename?: 'ResultQuestion';
   category: Scalars['String'];
-  explanation: Scalars['String'];
   question: Scalars['String'];
+  sql: Scalars['String'];
 };
 
 export type SampleDatasetInput = {
diff --git a/wren-ui/src/apollo/client/graphql/home.generated.ts b/wren-ui/src/apollo/client/graphql/home.generated.ts
index 57491a56a..624d93651 100644
--- a/wren-ui/src/apollo/client/graphql/home.generated.ts
+++ b/wren-ui/src/apollo/client/graphql/home.generated.ts
@@ -108,7 +108,7 @@ export type InstantRecommendedQuestionsQueryVariables = Types.Exact<{
 }>;
 
 
-export type InstantRecommendedQuestionsQuery = { __typename?: 'Query', instantRecommendedQuestions: { __typename?: 'RecommendedQuestionsTask', status: Types.RecommendedQuestionsTaskStatus, questions: Array<{ __typename?: 'ResultQuestion', question: string, category: string, explanation: string }>, error?: { __typename?: 'Error', code?: string | null, shortMessage?: string | null, message?: string | null, stacktrace?: Array<string | null> | null } | null } };
+export type InstantRecommendedQuestionsQuery = { __typename?: 'Query', instantRecommendedQuestions: { __typename?: 'RecommendedQuestionsTask', status: Types.RecommendedQuestionsTaskStatus, questions: Array<{ __typename?: 'ResultQuestion', question: string, category: string, sql: string }>, error?: { __typename?: 'Error', code?: string | null, shortMessage?: string | null, message?: string | null, stacktrace?: Array<string | null> | null } | null } };
 
 export const CommonErrorFragmentDoc = gql`
     fragment CommonError on Error {
@@ -652,7 +652,7 @@ export const InstantRecommendedQuestionsDocument = gql`
     questions {
       question
       category
-      explanation
+      sql
     }
     error {
       ...CommonError
diff --git a/wren-ui/src/apollo/client/graphql/home.ts b/wren-ui/src/apollo/client/graphql/home.ts
index 61b282556..231d2b3c7 100644
--- a/wren-ui/src/apollo/client/graphql/home.ts
+++ b/wren-ui/src/apollo/client/graphql/home.ts
@@ -195,7 +195,7 @@ export const INSTANT_RECOMMENDED_QUESTIONS = gql`
       questions {
         question
         category
-        explanation
+        sql
       }
       error {
         ...CommonError
diff --git a/wren-ui/src/components/pages/home/prompt/Result.tsx b/wren-ui/src/components/pages/home/prompt/Result.tsx
index e2f1f7b6e..9b660c63f 100644
--- a/wren-ui/src/components/pages/home/prompt/Result.tsx
+++ b/wren-ui/src/components/pages/home/prompt/Result.tsx
@@ -201,7 +201,7 @@ const GeneralAnswer = (props: Props) => {
     getRecommendedQuestionProps(recommendedQuestions);
 
   return (
-    <div>
+    <Wrapper>
       <div className="d-flex justify-space-between">
         <div className="d-flex align-start">
           <MessageOutlined className="mr-2 mt-1 geekblue-6" />
@@ -239,7 +239,7 @@ const GeneralAnswer = (props: Props) => {
           onSelect={onSelectQuestion}
         />
       )}
-    </div>
+    </Wrapper>
   );
 };