diff --git a/publish/changeLog.md b/publish/changeLog.md
index 1cc96408..abbcadb6 100644
--- a/publish/changeLog.md
+++ b/publish/changeLog.md
@@ -17,6 +17,7 @@
 - 快捷键调整音量时每次加减2%音量改为4%（#1220）
 - 音量、播放模式等设置弹出式按钮在鼠标移到按钮上时将自动弹出设置内容，保留点击切换显示/隐藏
 - 支持kg源搜索列表、排行榜flac hires歌曲类型的显示（#1231, #1238 By @helloplhm-qwq, @Folltoshe）
+- 播放速率的粒度调整为0.01，范围0.6-2.0x
 
 ### 修复
 
diff --git a/src/renderer/components/common/PlaybackRateBtn.vue b/src/renderer/components/common/PlaybackRateBtn.vue
index a9d49279..d1ffdeff 100644
--- a/src/renderer/components/common/PlaybackRateBtn.vue
+++ b/src/renderer/components/common/PlaybackRateBtn.vue
@@ -8,10 +8,10 @@
     <template #content>
       <div :class="$style.setting">
         <div :class="$style.info">
-          <span>{{ playbackRate }}x</span>
-          <base-btn min @click="handleUpdatePlaybackRate(1)">{{ $t('player__playback_rate_reset_btn') }}</base-btn>
+          <span>{{ playbackRate.toFixed(2) }}x</span>
+          <base-btn min @click="handleUpdatePlaybackRate(100)">{{ $t('player__playback_rate_reset_btn') }}</base-btn>
         </div>
-        <base-slider-bar :value="playbackRate" :min="0.5" :max="2" @change="handleUpdatePlaybackRate" />
+        <base-slider-bar :class="$style.slider" :value="playbackRate * 100" :min="60" :max="200" @change="handleUpdatePlaybackRate" />
       </div>
     </template>
   </material-popup-btn>
@@ -22,7 +22,7 @@
 import { playbackRate } from '@renderer/store/player/playbackRate'
 
 const handleUpdatePlaybackRate = (val) => {
-  window.app_event.setPlaybackRate(Math.round(val * 10) / 10)
+  window.app_event.setPlaybackRate(Math.round(val) / 100)
 }
 
 // const icon = computed(() => {
@@ -87,6 +87,7 @@ const handleUpdatePlaybackRate = (val) => {
   flex-flow: column nowrap;
   padding: 2px 3px;
   gap: 8px;
+  width: 300px;
 }
 
 .info {
@@ -100,5 +101,9 @@ const handleUpdatePlaybackRate = (val) => {
   }
 }
 
+.slider {
+  width: 100%;
+}
+
 
 </style>
diff --git a/src/renderer/components/common/VolumeBtn.vue b/src/renderer/components/common/VolumeBtn.vue
index b1361aa2..f171e5d0 100644
--- a/src/renderer/components/common/VolumeBtn.vue
+++ b/src/renderer/components/common/VolumeBtn.vue
@@ -16,7 +16,7 @@
             @update:model-value="saveVolumeIsMute($event)"
           />
         </div>
-        <base-slider-bar :value="volume" :min="0" :max="1" @change="handleUpdateVolume" />
+        <base-slider-bar :class="$style.slider" :value="volume" :min="0" :max="1" @change="handleUpdateVolume" />
       </div>
     </template>
   </material-popup-btn>
@@ -91,6 +91,7 @@ const icon = computed(() => {
   flex-flow: column nowrap;
   padding: 2px 3px;
   gap: 8px;
+  width: 140px;
 }
 
 .info {
@@ -104,5 +105,8 @@ const icon = computed(() => {
   }
 }
 
+.slider {
+  width: 100%;
+}
 
 </style>