1 files changed, 6 insertions, 2 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.js b/animism-align/frontend/app/views/viewer/player/player.transcript.js
index 0d0a636..dbc87b5 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.js
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.js
@@ -54,9 +54,13 @@ class PlayerTranscript extends Component {
   }
 
   render() {
-    const { paragraphs } = this.props.section
+    const { paragraphs, color } = this.props.section
     return (
-      <div className="player-transcript" ref={this.containerRef} onScroll={this.handleScroll}>
+      <div
+        className={"player-transcript " + color}
+        ref={this.containerRef}
+        onScroll={this.handleScroll}
+      >
         <div className='content'>
           <ParagraphList
             paragraphs={paragraphs}