diff --git a/src/css/postman.scss b/src/css/postman.scss
index dd3d816..cf60a0a 100644
--- a/src/css/postman.scss
+++ b/src/css/postman.scss
@@ -8,11 +8,11 @@ body {
   padding: 0;
 }
 
-.webpackage.loader {
+.postman.loader {
   height: 100%;
 }
 
-.webpackage.loader div:first-child {
+.postman.loader div:first-child {
   width: 200px;
   margin: 0 auto;
   display: flex;
@@ -21,11 +21,11 @@ body {
   top: 250px;
 }
 
-.webpackage.loader progress {
+.postman.loader progress {
   width: 100%;
 }
 
-.webpackage.loader .percentage {
+.postman.loader .percentage {
   font-family: monospace;
   text-align: center;
   width: 100%;
diff --git a/src/html/pages/surah/index.html.erb b/src/html/pages/surah/index.html.erb
index 0d6d91d..9f6608f 100644
--- a/src/html/pages/surah/index.html.erb
+++ b/src/html/pages/surah/index.html.erb
@@ -5,10 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.png">
-    <%= inline_css('/css/webpackage.scss') %>
+    <%= inline_css('/css/postman.scss') %>
   </head>
   <body>
-    <div class="webpackage loader">
+    <div class="postman loader">
       <div>
         <progress value="0" max="100"></progress>
         <span class="percentage">Loading...</span>
diff --git a/src/html/pages/surah/stream.html.erb b/src/html/pages/surah/stream.html.erb
index 8cf0f3b..9f84bd7 100644
--- a/src/html/pages/surah/stream.html.erb
+++ b/src/html/pages/surah/stream.html.erb
@@ -8,7 +8,7 @@
     <%= inline_css('/css/postman.css') %>
   </head>
   <body>
-    <div class="webpackage loader">
+    <div class="postman loader">
       <div>
         <progress value="0" max="100"></progress>
         <span class="percentage">Loading...</span>
diff --git a/src/js/components/Stream.tsx b/src/js/components/Stream.tsx
index 66e7faf..742a81e 100644
--- a/src/js/components/Stream.tsx
+++ b/src/js/components/Stream.tsx
@@ -35,7 +35,7 @@ export function Stream({ reciter, surah, stream, locale, slice, endOfStream, isP
           {formatNumber(ayah.id, locale)}
         </span>
         <p>{ayah.text}</p>
-        <audio ref={audioRef} src={`${baseUrl}/${surah.id}/${ayah.id}.mp3`} />
+        <audio autoPlay ref={audioRef} src={`${baseUrl}/${surah.id}/${ayah.id}.mp3`} />
       </li>
     );
   });
diff --git a/src/js/pages/surah/index/loader.ts b/src/js/pages/surah/index/loader.ts
index 48344bf..b175f57 100644
--- a/src/js/pages/surah/index/loader.ts
+++ b/src/js/pages/surah/index/loader.ts
@@ -1,10 +1,10 @@
 import postman, { item } from 'postman';
 
 (function() {
-  const parent: HTMLElement = document.querySelector('.webpackage.loader')!;
+  const parent: HTMLElement = document.querySelector('.postman.loader')!;
   const progressBar: HTMLProgressElement = parent.querySelector('progress')!;
   const progressNumber: HTMLSpanElement = parent.querySelector('.percentage')!;
-  const inlineStyle: HTMLStyleElement = document.querySelector('.css.webpackage')!;
+  const inlineStyle: HTMLStyleElement = document.querySelector('.css.postman')!;
 
   postman(
     item.script('/js/pages/surah/index.js'),
diff --git a/src/js/pages/surah/stream/loader.ts b/src/js/pages/surah/stream/loader.ts
index 65ec789..822a309 100644
--- a/src/js/pages/surah/stream/loader.ts
+++ b/src/js/pages/surah/stream/loader.ts
@@ -2,7 +2,7 @@ import postman, { item } from 'postman';
 import * as Quran from 'lib/Quran';
 
 (function() {
-  const parent: HTMLElement = document.querySelector('.webpackage.loader')!;
+  const parent: HTMLElement = document.querySelector('.postman.loader')!;
   const progressBar: HTMLProgressElement = parent.querySelector('progress')!;
   const progressNumber: HTMLSpanElement = parent.querySelector('.percentage')!;
   const inlineStyle: HTMLStyleElement = document.querySelector('.css.postman')!;
