diff --git a/src/Components/MediaControls/PauseButton.tsx b/src/Components/MediaControls/PauseButton.tsx
index 94b2d3d..4f818de 100644
--- a/src/Components/MediaControls/PauseButton.tsx
+++ b/src/Components/MediaControls/PauseButton.tsx
@@ -21,7 +21,7 @@ function PauseButton() {
       title={t("pauseTrack")}
       onClick={pause}
     >
-      <Pause fill="#000" className={`w-full`} />
+      <Pause className={`w-full fill-black`} />
     </button>
   );
 }
diff --git a/src/Components/MediaControls/SkipButton.tsx b/src/Components/MediaControls/SkipButton.tsx
index 74d42a0..f82a622 100644
--- a/src/Components/MediaControls/SkipButton.tsx
+++ b/src/Components/MediaControls/SkipButton.tsx
@@ -18,7 +18,7 @@ function SkipButton() {
       className={`inline-block w-12`}
       title={t("nextTrack")}
     >
-      <SkipForward fill="#000" className={`w-full`} />
+      <SkipForward className={`w-full fill-black`} />
     </button>
   );
 }
diff --git a/src/Components/MediaControls/StopButton.tsx b/src/Components/MediaControls/StopButton.tsx
index 69c5ee0..18c3244 100644
--- a/src/Components/MediaControls/StopButton.tsx
+++ b/src/Components/MediaControls/StopButton.tsx
@@ -24,7 +24,7 @@ function StopButton() {
       title={t("stopTrack")}
       onClick={stop}
     >
-      <Square fill="#000" className={`w-full`} />
+      <Square className={`w-full fill-black`} />
     </button>
   );
 }
diff --git a/src/Components/MediaPlayer/MediaControls.tsx b/src/Components/MediaPlayer/MediaControls.tsx
index 89e4236..4cd940a 100644
--- a/src/Components/MediaPlayer/MediaControls.tsx
+++ b/src/Components/MediaPlayer/MediaControls.tsx
@@ -1,5 +1,4 @@
 import { useAudio } from "@hooks/useAudio.js";
-import { memo } from "react";
 
 import FullscreenButton from "../MediaControls/FullscreenButton.js";
 import PauseButton from "../MediaControls/PauseButton.js";
@@ -28,4 +27,4 @@ function MediaControls() {
   );
 }
 
-export default memo(MediaControls);
+export default MediaControls;