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>
   )
 }