Adjust margin based on direction (rtl / ltr)

src/js/components/SurahStream/Stream.tsx

@@ -23,8 +23,9 @@ export function Stream({ locale, surah, stream, endOfStream, isPaused, t }: Prop
       <ul
         lang={locale.name}
         className={classNames(
-          "body stream scroll-y list-none p-0 m-0 mt-4 h-5/6",
+          "body stream scroll-y list-none p-0 m-0 h-5/6",
           ...className,
+          {"mt-4": ltr, "mt-6": rtl}
         )}
         ref={ref}
       >