diff --git a/src/css/pages/SurahStream.scss b/src/css/pages/SurahStream.scss
index 7168831..6af100a 100644
--- a/src/css/pages/SurahStream.scss
+++ b/src/css/pages/SurahStream.scss
@@ -46,21 +46,6 @@ body .root .content.theme {
     }
   }
 
-  ul.body.stream.stopped {
-    overflow-y: auto;
-  }
-
-  ul.body.stream.playing {
-    overflow-y: auto;
-    ::-webkit-scrollbar-track:hover,
-    ::-webkit-scrollbar-track:active,
-    ::-webkit-scrollbar-thumb,
-    ::-webkit-scrollbar-thumb:hover,
-    ::-webkit-scrollbar-thumb:active {
-      background-color: #FFF;
-    }
-  }
-
   footer {
     .timer {
       display: flex;
diff --git a/src/js/components/Stream.tsx b/src/js/components/Stream.tsx
index 71a6456..06aff51 100644
--- a/src/js/components/Stream.tsx
+++ b/src/js/components/Stream.tsx
@@ -23,8 +23,7 @@ export function Stream({
   isPaused,
   t,
 }: Props) {
-  const className =
-    endOfStream || isPaused ? ["stopped", "scroll-y"] : ["playing"];
+  const className = endOfStream || isPaused ? ["scroll-y"] : [];
   const ref = useRef<HTMLUListElement>();
   const ul = useMemo<JSX.Element>(() => {
     return (