diff --git a/src/plugins/audioPlaybackSpeed/components/SpeedIcon.tsx b/src/plugins/audioPlaybackSpeed/components/SpeedIcon.tsx
index a59cbb094..c6d4a907d 100644
--- a/src/plugins/audioPlaybackSpeed/components/SpeedIcon.tsx
+++ b/src/plugins/audioPlaybackSpeed/components/SpeedIcon.tsx
@@ -10,7 +10,7 @@ function SpeedIcon() {
             xmlns="http://www.w3.org/2000/svg"
             width="24"
             height="24"
-            fill="#e8eaed"
+            fill="currentColor"
             viewBox="0 -960 960 960"
         >
             <path d="M418-340q24 24 62 23.5t56-27.5l224-336-336 224q-27 18-28.5 55t22.5 61zm62-460q59 0 113.5 16.5T696-734l-76 48q-33-17-68.5-25.5T480-720q-133 0-226.5 93.5T160-400q0 42 11.5 83t32.5 77h552q23-38 33.5-79t10.5-85q0-36-8.5-70T766-540l48-76q30 47 47.5 100T880-406q1 57-13 109t-41 99q-11 18-30 28t-40 10H204q-21 0-40-10t-30-28q-26-45-40-95.5T80-400q0-83 31.5-155.5t86-127Q252-737 325-768.5T480-800zm7 313z"></path>
diff --git a/src/plugins/audioPlaybackSpeed/styles.css b/src/plugins/audioPlaybackSpeed/styles.css
index 98fff293e..8ad784aea 100644
--- a/src/plugins/audioPlaybackSpeed/styles.css
+++ b/src/plugins/audioPlaybackSpeed/styles.css
@@ -2,4 +2,9 @@
     background-color: transparent;
     height: 100%;
     z-index: 2;
+    color: var(--interactive-normal);
+}
+
+.vc-audio-playback-speed-icon:hover{
+    color: var(--interactive-active);
 }