diff --git a/frontend/src/components/Playback/SubtitleTrack.vue b/frontend/src/components/Playback/SubtitleTrack.vue
index 7d018eb8..ed5f31c3 100644
--- a/frontend/src/components/Playback/SubtitleTrack.vue
+++ b/frontend/src/components/Playback/SubtitleTrack.vue
@@ -1,18 +1,18 @@
 <template>
-    <div
-        class="uno-absolute uno-text-center uno-w-full uno-bottom-0 uno-left-0"
-        :label="playerElement.currentExternalSubtitleTrack?.label"
-        :srclang="playerElement.currentExternalSubtitleTrack?.srcLang"
-        :src="playerElement.currentExternalSubtitleTrack?.src" >
-        <span
-          class="uno-inline-block"
-          :style="subtitleStyle">
-          <JSafeHtml
-          v-if="currentSubtitle !== undefined"
-          :html="currentSubtitle.text" />
-          {{ previewText }}
-        </span>
-    </div>
+  <div
+    class="uno-absolute uno-bottom-0 uno-left-0 uno-w-full uno-text-center"
+    :label="playerElement.currentExternalSubtitleTrack?.label"
+    :srclang="playerElement.currentExternalSubtitleTrack?.srcLang"
+    :src="playerElement.currentExternalSubtitleTrack?.src">
+    <span
+      class="uno-inline-block"
+      :style="subtitleStyle">
+      <JSafeHtml
+        v-if="currentSubtitle !== undefined"
+        :html="currentSubtitle.text" />
+      {{ previewText }}
+    </span>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -40,6 +40,7 @@ const findCurrentSubtitle = (data: ParsedSubtitleTrack, currentTime: number) =>
 
     if (subtitle.start < currentTime && subtitle.end > currentTime) {
       lastIndex = i; // Update the last found index
+
       return subtitle;
     } else if (subtitle.start > currentTime) {
       break;
@@ -50,6 +51,7 @@ const findCurrentSubtitle = (data: ParsedSubtitleTrack, currentTime: number) =>
   for (const [i, subtitle] of data.dialogue.entries()) {
     if (subtitle.start < currentTime && subtitle.end > currentTime) {
       lastIndex = i; // Update the last found index
+
       return subtitle;
     } else if (subtitle.start > currentTime) {
       break;
diff --git a/frontend/src/utils/subtitles.ts b/frontend/src/utils/subtitles.ts
index 553d2771..2fe38e99 100644
--- a/frontend/src/utils/subtitles.ts
+++ b/frontend/src/utils/subtitles.ts
@@ -66,6 +66,7 @@ export async function parseVttFile(src: string) {
     const vttLines = vttText.split('\n');
 
     let i = 0;
+
     while (i < vttLines.length) {
       // Skip empty lines
       if (vttLines[i].trim() === '') {
@@ -76,7 +77,9 @@ export async function parseVttFile(src: string) {
       if (vttLines[i].includes('-->')) {
         const [start, end] = vttLines[i].split(' --> ');
         let text = '';
+
         i++;
+
         while (i < vttLines.length && !vttLines[i].includes('-->')) {
           text += vttLines[i] + '\n';
           i++;
@@ -163,8 +166,10 @@ const parseSsaDialogueLines = (lines: string[]) => {
   let index = 0;
   let dialogueFormat: string[] = [];
   const dialogue: Dialouge[] = [];
+
   while (index < lines.length) {
     const line = lines[index].trim();
+
     /**
      * Parse format fields and save to a variable
      * to index data from dialogue lines
@@ -184,11 +189,14 @@ const parseSsaDialogueLines = (lines: string[]) => {
       }
 
       const currentDialogue = parseSsaDialogue(line, dialogueFormat);
+
       // Handle consecutive dialogue lines with the same timestamp
       while (index + 1 < lines.length) {
         const nextLine = lines[index + 1].trim();
+
         if (nextLine.startsWith('Dialogue:')) {
           const nextDialogue = parseSsaDialogue(nextLine, dialogueFormat);
+
           if (nextDialogue.start === currentDialogue.start && nextDialogue.end === currentDialogue.end) {
             // Add a newline between consecutive dialogue lines with the same timestamp
             currentDialogue.text += '\n' + nextDialogue.text;
@@ -200,8 +208,10 @@ const parseSsaDialogueLines = (lines: string[]) => {
           break;
         }
       }
+
       dialogue.push(currentDialogue);
     }
+
     index++;
   }
 
@@ -227,12 +237,15 @@ export async function parseSsaFile(src: string): Promise<ParsedSubtitleTrack | u
 
     let styles: Record<string, string>[] | undefined = [];
     let dialogue: Dialouge[] = [];
+
     for (const section of sections) {
       if (section.startsWith('[V4 Styles]') || section.startsWith('[V4+ Styles]')) {
         const lines = section.split('\n').slice(1); // Remove the [V4 Styles] line
+
         styles = parseSsaStyles(lines);
       } else if (section.startsWith('[Events]')) {
         const lines = section.split('\n').slice(1); // Remove the [Events] line
+
         dialogue = parseSsaDialogueLines(lines);
       }
     }