diff --git a/app/containers/AudioPlayer/PlayButton.tsx b/app/containers/AudioPlayer/PlayButton.tsx
index 5003dabae..07e262299 100644
--- a/app/containers/AudioPlayer/PlayButton.tsx
+++ b/app/containers/AudioPlayer/PlayButton.tsx
@@ -36,7 +36,7 @@ const PlayButton = React.memo(({ loading, paused, onPress, disabled, isReadyToPl
 			{loading ? (
 				<RCActivityIndicator />
 			) : (
-				<CustomIcon name={customIconName} size={24} color={disabled ? colors.tintDisabled : colors.buttonFontOnPrimary} />
+				<CustomIcon name={customIconName} size={24} color={disabled ? colors.tintDisabled : colors.buttonFontPrimary} />
 			)}
 		</Touchable>
 	);
diff --git a/app/containers/AudioPlayer/PlaybackSpeed.tsx b/app/containers/AudioPlayer/PlaybackSpeed.tsx
index 0d14ed934..2b9651a36 100644
--- a/app/containers/AudioPlayer/PlaybackSpeed.tsx
+++ b/app/containers/AudioPlayer/PlaybackSpeed.tsx
@@ -27,7 +27,7 @@ const PlaybackSpeed = ({
 			onPress={onPress}
 			style={[styles.containerPlaybackSpeed, { backgroundColor: colors.buttonBackgroundSecondaryDefault }]}
 		>
-			<Text style={[styles.playbackSpeedText, { color: colors.buttonFontOnSecondary }]}>{rate}x</Text>
+			<Text style={[styles.playbackSpeedText, { color: colors.buttonFontSecondary }]}>{rate}x</Text>
 		</Touchable>
 	);
 };
diff --git a/app/lib/constants/colors.ts b/app/lib/constants/colors.ts
index 8c7c8ebc2..5dce0d6cc 100644
--- a/app/lib/constants/colors.ts
+++ b/app/lib/constants/colors.ts
@@ -104,8 +104,8 @@ export const colors = {
 		overlayColor: '#1F2329B2',
 		buttonBackgroundPrimaryDefault: '#156FF5',
 		buttonBackgroundSecondaryDefault: '#E4E7EA',
-		buttonFontOnPrimary: '#FFFFFF',
-		buttonFontOnSecondary: '#1F2329',
+		buttonFontPrimary: '#FFFFFF',
+		buttonFontSecondary: '#1F2329',
 		fontDefault: '#2F343D',
 		strokeExtraLight: '#EBECEF',
 		strokeLight: '#CBCED1',
@@ -190,9 +190,9 @@ export const colors = {
 		statusFontOnWarning: '#B88D00',
 		overlayColor: '#1F2329B2',
 		buttonBackgroundPrimaryDefault: '#3976D1',
-		buttonBackgroundSecondaryDefault: '#353B45',
-		buttonFontOnPrimary: '#FFFFFF',
-		buttonFontOnSecondary: '#E4E7EA',
+		buttonBackgroundSecondaryDefault: '#2F343D',
+		buttonFontPrimary: '#FFFFFF',
+		buttonFontSecondary: '#E4E7EA',
 		fontDefault: '#E4E7EA',
 		strokeExtraLight: '#2F343D',
 		strokeLight: '#333842',
@@ -277,9 +277,9 @@ export const colors = {
 		statusFontOnWarning: '#B88D00',
 		overlayColor: '#1F2329B2',
 		buttonBackgroundPrimaryDefault: '#3976D1',
-		buttonBackgroundSecondaryDefault: '#353B45',
-		buttonFontOnPrimary: '#FFFFFF',
-		buttonFontOnSecondary: '#E4E7EA',
+		buttonBackgroundSecondaryDefault: '#2F343D',
+		buttonFontPrimary: '#FFFFFF',
+		buttonFontSecondary: '#E4E7EA',
 		fontDefault: '#E4E7EA',
 		strokeExtraLight: '#2F343D',
 		strokeLight: '#333842',