Remove 'playing', 'stopped' CSS classes

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;

src/js/components/Stream.tsx

@@ -23,8 +23,7 @@ export function Stream({
   isPaused,
   t,
 }: Props) {
-  const className =
+  const className = endOfStream || isPaused ? ["scroll-y"] : [];
-    endOfStream || isPaused ? ["stopped", "scroll-y"] : ["playing"];
   const ref = useRef<HTMLUListElement>();
   const ul = useMemo<JSX.Element>(() => {
     return (