diff --git a/src/html/main/surah-stream.html.erb b/src/html/main/surah-stream.html.erb
index 283242d88..9b9afc4d5 100644
--- a/src/html/main/surah-stream.html.erb
+++ b/src/html/main/surah-stream.html.erb
@@ -22,7 +22,6 @@
   <body>
     <%= erb("_postman.html.erb", {locale:}) %>
     <div class="root" data-surah-id="<%= surah.id %>"></div>
-    <%= inline_json("/json/durations/alafasy/#{surah.id}.json", class_name: 'durations') %>
     <script src="/js/loaders/surah-stream-loader.js"></script>
   </body>
 </html>
diff --git a/src/js/loaders/SurahStreamLoader.ts b/src/js/loaders/SurahStreamLoader.ts
index f1ec52ad6..ff31c39fd 100644
--- a/src/js/loaders/SurahStreamLoader.ts
+++ b/src/js/loaders/SurahStreamLoader.ts
@@ -19,6 +19,9 @@ import postman, { item } from "postman";
     item.json(`/json/${locale}/${surahId}/surah.json`, {
       className: "json surah",
     }),
+    item.json(`/json/durations/alafasy/${surahId}.json`, {
+      className: 'json durations'
+    }),
     item.progress((percent: number) => {
       progressBar.value = percent;
       progressNumber.innerText = `${percent.toFixed(0)}%`;
