From eac0c23061b3a424025e6348b21843645d795ddd Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Tue, 11 Jun 2024 00:28:08 -0300
Subject: [PATCH] Set max-width of 395px

---
 src/css/main/SurahStream.scss            | 1 +
 src/js/components/SurahStream/Stream.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/css/main/SurahStream.scss b/src/css/main/SurahStream.scss
index 76d0506cf..7a289bc6d 100644
--- a/src/css/main/SurahStream.scss
+++ b/src/css/main/SurahStream.scss
@@ -22,6 +22,7 @@ body .root .content.theme.rtl {
   ul.body.stream {
     li.ayah p {
       line-height: 1.7;
+      max-width: 395px;
     }
   }
   /* <= $breakpoint-sm */
diff --git a/src/js/components/SurahStream/Stream.tsx b/src/js/components/SurahStream/Stream.tsx
index 6858fe76a..6d172c39c 100644
--- a/src/js/components/SurahStream/Stream.tsx
+++ b/src/js/components/SurahStream/Stream.tsx
@@ -53,7 +53,7 @@ export function Stream({ locale, surah, stream, endOfStream, isPaused, t }: Prop
                   {t(locale, "of")} {formatNumber(locale, surah.ayat.length)}
                 </span>
               </span>
-              <p className={classNames("m-0", { "w-96": locale.direction === "rtl" })}>
+              <p className={classNames("m-0")}>
                 {ayah.body}
               </p>
             </li>