diff --git a/src/components/audio-player/simple-audio.tsx b/src/components/audio-player/simple-audio.tsx
index 5d40d9db..87eaeae8 100644
--- a/src/components/audio-player/simple-audio.tsx
+++ b/src/components/audio-player/simple-audio.tsx
@@ -50,13 +50,12 @@ const useStyles = createStyles(({ css, token }) => {
   return {
     wrapper: css`
       position: relative;
-      min-width: 320px;
-      width: 320px;
+      min-width: 300px;
       height: 54px;
       display: flex;
       align-items: center;
       justify-content: flex-start;
-      padding: 6px 10px;
+      padding: 8px 10px;
       background-color: ${isDarkMode
         ? 'var(--ant-color-fill-secondary)'
         : '#F1F3F4'};
@@ -351,12 +350,12 @@ const AudioPlayer: React.FC<AudioPlayerProps> = forwardRef((props, ref) => {
             !playOn ? (
               <IconFont
                 type="icon-playcircle-fill"
-                style={{ fontSize: '22px' }}
+                style={{ fontSize: '24px' }}
               ></IconFont>
             ) : (
               <IconFont
                 type="icon-stopcircle-fill"
-                style={{ fontSize: '22px' }}
+                style={{ fontSize: '24px' }}
               ></IconFont>
             )
           }
@@ -364,7 +363,7 @@ const AudioPlayer: React.FC<AudioPlayerProps> = forwardRef((props, ref) => {
 
         <div className="slider">
           <div className="flex-center flex-between file-name">
-            <AutoTooltip ghost maxWidth={220}>
+            <AutoTooltip ghost maxWidth={200}>
               <span>{name}</span>
             </AutoTooltip>
           </div>
diff --git a/src/pages/dashboard/components/usage-inner/export-data.tsx b/src/pages/dashboard/components/usage-inner/export-data.tsx
index 7dc2d9cd..289de33a 100644
--- a/src/pages/dashboard/components/usage-inner/export-data.tsx
+++ b/src/pages/dashboard/components/usage-inner/export-data.tsx
@@ -70,7 +70,7 @@ const ExportData: React.FC<{
         ></ModalFooter>
       }
     >
-      <Space>
+      <Space size={12}>
         <DatePicker.RangePicker
           style={{ width: 240 }}
           defaultValue={[dayjs().add(-30, 'd'), dayjs()]}
diff --git a/src/pages/dashboard/config/index.ts b/src/pages/dashboard/config/index.ts
index 5a82ddb6..a58935d1 100644
--- a/src/pages/dashboard/config/index.ts
+++ b/src/pages/dashboard/config/index.ts
@@ -75,7 +75,7 @@ export const baseColorMap = {
   baseL2: 'rgba(13,171,219,0.8)',
   baseL1: 'rgba(0,34,255,0.8)',
   base: 'rgba(0,85,255,0.8)',
-  baseR1: 'rgba(0,187,204, 0.6)',
+  baseR1: 'rgb(102, 214, 224)',
   baseR2: 'rgba(48,0,255,0.8)',
   baseR3: 'rgba(85,167,255,0.8)'
 };