2 files changed, 5 insertions, 5 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.media/media.css b/animism-align/frontend/app/views/viewer/player/components.media/media.css
index a35f2fa..37237c2 100644
--- a/animism-align/frontend/app/views/viewer/player/components.media/media.css
+++ b/animism-align/frontend/app/views/viewer/player/components.media/media.css
@@ -445,10 +445,10 @@
 }
 .video-subtitles span {
   display: inline-block;
-  box-shadow: -3px -2px 0 #000,
-               3px -2px 0 #000,
-              -3px  2px 0 #000,
-               3px  2px 0 #000;
+  box-shadow: -5px -3px 0 #000,
+               5px -3px 0 #000,
+              -5px  3px 0 #000,
+               5px  3px 0 #000;
   box-decoration-break: clone;
   background: black;
   color: white;
diff --git a/animism-align/frontend/app/views/viewer/player/components.media/video.subtitles.js b/animism-align/frontend/app/views/viewer/player/components.media/video.subtitles.js
index f056168..346977a 100644
--- a/animism-align/frontend/app/views/viewer/player/components.media/video.subtitles.js
+++ b/animism-align/frontend/app/views/viewer/player/components.media/video.subtitles.js
@@ -40,7 +40,7 @@ export default class VideoSubtitles extends Component {
     if (!current) return <div className="video-subtitles hidden" />
     return (
       <div className="video-subtitles">
-        {current.lines.map(line => <span key={line}>{line}</span>)}
+        <span>{current.lines.join(" ")}</span>
       </div>
     )
   }