From 935bdd12a7208f416be24561bdab39ededadfe6c Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Wed, 5 Oct 2022 18:44:28 -0500
Subject: [PATCH] Make sized container have default height so graph doesn't
 jump

---
 web/components/sized-container.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/components/sized-container.tsx b/web/components/sized-container.tsx
index 26532047..03fe9b11 100644
--- a/web/components/sized-container.tsx
+++ b/web/components/sized-container.tsx
@@ -29,7 +29,14 @@ export const SizedContainer = (props: {
   }, [threshold, fullHeight, mobileHeight])
   return (
     <div ref={containerRef}>
-      {width != null && height != null && children(width, height)}
+      {width != null && height != null ? (
+        children(width, height)
+      ) : (
+        <>
+          <div className="sm:hidden" style={{ height: mobileHeight }} />
+          <div className="hidden sm:flex" style={{ height: fullHeight }} />
+        </>
+      )}
     </div>
   )
 }