From b2a38f22e5c03a187e9bc69b67e3b9efa3ccff9a Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Sun, 25 Nov 2018 23:03:05 -0800
Subject: [PATCH] Fix issue where rendering webamp would cause a small jump

---
 src/WebampComponent.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/WebampComponent.js b/src/WebampComponent.js
index 174b27f2..52aa0f9c 100644
--- a/src/WebampComponent.js
+++ b/src/WebampComponent.js
@@ -57,7 +57,14 @@ export default class WebampComponent extends React.Component {
         ref={node => (this._ref = node)}
       >
         <img
-          style={{ width: "100%", height: "100%" }}
+          style={{
+            width: "100%",
+            height: "100%",
+            // Webamp measure the scrollHeight of the container. Making this a
+            // block element ensures the parent element's scrollHeight is not
+            // expanded.
+            display: "block"
+          }}
           src={this.props.screenshotUrl}
         />
       </div>