diff --git a/app/components/artifacts.tsx b/app/components/artifacts.tsx
index e9fa2f34a..bfd49ff4b 100644
--- a/app/components/artifacts.tsx
+++ b/app/components/artifacts.tsx
@@ -209,6 +209,7 @@ export function Artifacts() {
   const [loading, setLoading] = useState(true);
   const [fileName, setFileName] = useState("");
   const previewRef = useRef<HTMLPreviewHander>(null);
+
   useEffect(() => {
     if (id) {
       fetch(`${ApiPath.Artifacts}?id=${id}`)
@@ -251,6 +252,7 @@ export function Artifacts() {
         {code && (
           <HTMLPreview
             code={code}
+            ref={previewRef}
             autoHeight={false}
             height={"100%"}
             ref={previewRef}
diff --git a/app/components/markdown.tsx b/app/components/markdown.tsx
index 83fd5b8ab..500af7175 100644
--- a/app/components/markdown.tsx
+++ b/app/components/markdown.tsx
@@ -8,7 +8,7 @@ import RehypeHighlight from "rehype-highlight";
 import { useRef, useState, RefObject, useEffect, useMemo } from "react";
 import { copyToClipboard, useWindowSize } from "../utils";
 import mermaid from "mermaid";
-
+import Locale from "../locales";
 import LoadingIcon from "../icons/three-dots.svg";
 import ReloadButtonIcon from "../icons/reload.svg";
 import React from "react";
@@ -199,7 +199,7 @@ function CustomCode(props: { children: any }) {
         <div
           className={`show-hide-button ${collapsed ? "collapsed" : "expanded"}`}
         >
-          <button onClick={toggleCollapsed}>查看全部</button>
+          <button onClick={toggleCollapsed}>{Locale.NewChat.More}</button>
         </div>
       )}
     </>
diff --git a/app/styles/globals.scss b/app/styles/globals.scss
index ea70fe56c..a31bc17de 100644
--- a/app/styles/globals.scss
+++ b/app/styles/globals.scss
@@ -304,7 +304,7 @@ pre {
   }
 }
 
-pre{
+ pre{
   .show-hide-button {
     border-radius: 10px;
     position: absolute;