remove parent span

src/video/components/Caption.tsx

@@ -17,6 +17,7 @@ export function Caption({ text }: { text?: string }) {
         }),
       }}
       style={{
+        whiteSpace: "pre-line",
         ...captionSettings.style,
       }}
     />

src/video/components/CaptionRenderer.tsx

@@ -50,14 +50,12 @@ export function CaptionRenderer({
       animation="slide-up"
       show
     >
-      <span>
-        {captions.current.map(
-          ({ identifier, end, start, text }) =>
-            isVisible(start, end) && (
-              <Caption key={identifier || `${start}-${end}`} text={text} />
-            )
-        )}
-      </span>
+      {captions.current.map(
+        ({ identifier, end, start, text }) =>
+          isVisible(start, end) && (
+            <Caption key={identifier || `${start}-${end}`} text={text} />
+          )
+      )}
     </Transition>
   );
 }