1 files changed, 1 insertions, 1 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/viewer.icons.js b/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
index 059f0c0..455df6f 100644
--- a/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
+++ b/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
@@ -63,7 +63,7 @@ export const PauseIcon = (
 export const PlayButton = ({ playing }) => {
   return (
     <div
-      className='playToggle'
+      className={playing ? 'playToggle playing' : 'playToggle paused'}
       onClick={() => playing ? actions.audio.pause() : actions.audio.play()}
     >
       {playing ? PauseIcon : PlayIcon}