diff --git a/src/components/audio-player/index.less b/src/components/audio-player/index.less
index 111dd3be..51fefcde 100644
--- a/src/components/audio-player/index.less
+++ b/src/components/audio-player/index.less
@@ -80,6 +80,7 @@
       height: 20px;
       display: flex;
       align-items: center;
+      align-self: center;
       justify-content: center;
       text-overflow: ellipsis;
       white-space: nowrap;
diff --git a/src/components/echarts/scatter.tsx b/src/components/echarts/scatter.tsx
index 6de2c798..1c53626a 100644
--- a/src/components/echarts/scatter.tsx
+++ b/src/components/echarts/scatter.tsx
@@ -168,7 +168,7 @@ const Scatter: React.FC<ChartProps> = (props) => {
       tooltip: {
         trigger: 'item',
         borderWidth: 0,
-        backgroundColor: chartColorMap.splitLineColor,
+        backgroundColor: chartColorMap.colorBgContainerHover,
         borderColor: 'transparent',
         formatter(params: any, callback?: (val: any) => any) {
           const dataList = findOverlappingPoints(seriseDataList, params.data);
diff --git a/src/pages/playground/components/ground-reranker.tsx b/src/pages/playground/components/ground-reranker.tsx
index b69362eb..e6b45cfc 100644
--- a/src/pages/playground/components/ground-reranker.tsx
+++ b/src/pages/playground/components/ground-reranker.tsx
@@ -190,7 +190,7 @@ const GroundReranker: React.FC<MessageProps> = forwardRef((props, ref) => {
           <div
             className="pregress-bar"
             style={{
-              backgroundImage: `linear-gradient(90deg, #388bff 0%, #cce1ff 100%)`,
+              backgroundImage: `linear-gradient(90deg, var(--ant-blue-5) 0%, var(--ant-blue-2) 100%)`,
               width: `${percent}%`,
               height: '4px',
               borderRadius: '2px'
diff --git a/src/pages/playground/view-code/audio.ts b/src/pages/playground/view-code/audio.ts
index f4aca83f..b315d123 100644
--- a/src/pages/playground/view-code/audio.ts
+++ b/src/pages/playground/view-code/audio.ts
@@ -77,7 +77,7 @@ export const TextToSpeechCode = ({
   // ========================= Curl =========================
   const curlCode = `
 curl ${host}${api} \\
--H "Content-Type: multipart/form-data" \\
+-H "Content-Type: application/json" \\
 -H "Authorization: Bearer $\{YOUR_GPUSTACK_API_KEY}" \\
 ${formatCurlArgs(parameters, false)} \\\n--output output.${parameters.response_format}`.trim();