From 393dfbf0538c46fad300ed310bb47ebab4b91ccf Mon Sep 17 00:00:00 2001
From: Andrew Polk <andrew_polk@sil.org>
Date: Thu, 14 Nov 2024 17:29:43 -0700
Subject: [PATCH] Remove extra white space below player iframe and scrollbar
 (BL-14065)

---
 src/components/ReadBookPage.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/ReadBookPage.tsx b/src/components/ReadBookPage.tsx
index 00c26a81..7a4b4ca3 100644
--- a/src/components/ReadBookPage.tsx
+++ b/src/components/ReadBookPage.tsx
@@ -315,6 +315,7 @@ const ReadBookPage: React.FunctionComponent<IReadBookPageProps> = (props) => {
                         border: none;
                         width: 100%;
                         height: 100%;
+                        display: block; // Prevent a 4px white bar at the bottom of the iframe. See BL-14065.
                     `}
                     src={iframeSrc}
                     //src={"https://google.com"}