diff --git a/src/components/common/Audio.scss b/src/components/common/Audio.scss
index 075c17f8f..aba1e5e21 100644
--- a/src/components/common/Audio.scss
+++ b/src/components/common/Audio.scss
@@ -144,7 +144,7 @@
         height: 0.4rem;
         border-radius: 50%;
 
-        background-color: var(--color-text-secondary);
+        background-color: var(--accent-color);
       }
     }
   }
diff --git a/src/components/common/Audio.tsx b/src/components/common/Audio.tsx
index 30a9cca42..fe0cafdd9 100644
--- a/src/components/common/Audio.tsx
+++ b/src/components/common/Audio.tsx
@@ -250,8 +250,14 @@ const Audio: FC<OwnProps> = ({
 
   const isOwn = isOwnMessage(message);
   const renderedWaveform = useMemo(
-    () => voice && renderWaveform(voice, playProgress, isOwn, theme, seekerRef),
-    [voice, playProgress, isOwn, theme],
+    () => voice && renderWaveform(
+      voice,
+      (isMediaUnread && !isOwn) ? 1 : playProgress,
+      isOwn,
+      theme,
+      seekerRef,
+    ),
+    [voice, isMediaUnread, isOwn, playProgress, theme],
   );
 
   const fullClassName = buildClassName(