diff --git a/src/aimcore/web/ui/src/components/AudioPlayer/AudioPlayer.scss b/src/aimcore/web/ui/src/components/AudioPlayer/AudioPlayer.scss
index 1d3aab135d..ddce74ef9c 100644
--- a/src/aimcore/web/ui/src/components/AudioPlayer/AudioPlayer.scss
+++ b/src/aimcore/web/ui/src/components/AudioPlayer/AudioPlayer.scss
@@ -11,13 +11,7 @@
border-radius: $border-radius-main;
width: toRem(268px);
height: toRem(40px);
- &__download {
- min-width: 1.5rem;
- }
&__player {
- min-width: 1.5rem;
- height: 1.5rem;
- border-radius: $radius-main;
position: relative;
display: flex;
align-items: center;
diff --git a/src/aimcore/web/ui/src/components/AudioPlayer/AudioPlayer.tsx b/src/aimcore/web/ui/src/components/AudioPlayer/AudioPlayer.tsx
index 8b2fa44676..8d2940b278 100644
--- a/src/aimcore/web/ui/src/components/AudioPlayer/AudioPlayer.tsx
+++ b/src/aimcore/web/ui/src/components/AudioPlayer/AudioPlayer.tsx
@@ -1,9 +1,13 @@
-import React from 'react';
+import {
+ IconDownload,
+ IconPlayerPauseFilled,
+ IconPlayerPlayFilled,
+} from '@tabler/icons-react';
import ErrorBoundary from 'components/ErrorBoundary';
-import { Tooltip, Text } from 'components/kit_v2';
+import { Tooltip, Text, IconButton } from 'components/kit_v2';
-import { Button, Icon, Spinner } from '../kit';
+import { Spinner } from '../kit';
import { AudioPlayerProps, AudioPlayerProgress, AudioPlayerVolume } from '.';
@@ -44,23 +48,25 @@ function AudioPlayer(props: AudioPlayerProps) {
onPause={onPause}
/>
<>
- {processing ? (
-