2 files changed, 5 insertions, 2 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.text.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.text.js
index 2eadda7..2475801 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.text.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.text.js
@@ -30,7 +30,7 @@ export const Paragraph = ({ paragraph, currentParagraph, currentAnnotation, onAn
           <span
             key={annotation.id}
             className={annotation.id === currentAnnotation ? 'current' : ''}
-            onClick={e => onAnnotationClick(e, paragraph, firstAnnotation)}
+            onClick={e => onAnnotationClick(e, paragraph, annotation)}
             dangerouslySetInnerHTML={{ __html: ' ' + annotation.text + ' ' }}
           />
         )
diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css
index c6853cb..5c7056b 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.css
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css
@@ -144,6 +144,8 @@
   color: #000;
   transition: all 0.1s;
 }
+.player-transcript .intro_paragraph span:hover,
+.player-transcript .paragraph span:hover,
 .player-transcript .pullquote span:hover {
   box-shadow: -3px -2px 0 #e8e8e8,
                3px -2px 0 #e8e8e8,
@@ -192,7 +194,8 @@
 .speaker-icon svg path {
   fill: white;
 }
-.paragraph:hover .speaker-icon {
+.paragraph:hover .speaker-icon,
+.speaker-icon:hover {
   opacity: 1;
 }
 .player-transcript.black .speaker-icon svg {