From 02e02062851e393c63e0699c12e4514ccf5b4252 Mon Sep 17 00:00:00 2001
From: Jake Archibald <jaffathecake@gmail.com>
Date: Fri, 27 Nov 2020 11:49:10 +0000
Subject: [PATCH] Fix prerender SVG size

---
 src/shared/prerendered-app/Intro/index.tsx | 6 +++++-
 src/shared/prerendered-app/Intro/style.css | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/shared/prerendered-app/Intro/index.tsx b/src/shared/prerendered-app/Intro/index.tsx
index 176e0583..9e2be760 100644
--- a/src/shared/prerendered-app/Intro/index.tsx
+++ b/src/shared/prerendered-app/Intro/index.tsx
@@ -247,7 +247,11 @@ export default class Intro extends Component<Props, State> {
           </h1>
           <div class={style.loadImg}>
             {showBlobSVG && (
-              <svg class={style.blobSvg} viewBox="-1.25 -1.25 2.5 2.5">
+              <svg
+                class={style.blobSvg}
+                viewBox="-1.25 -1.25 2.5 2.5"
+                preserveAspectRatio="xMidYMid slice"
+              >
                 {startBlobs.map((points) => (
                   <path
                     d={points
diff --git a/src/shared/prerendered-app/Intro/style.css b/src/shared/prerendered-app/Intro/style.css
index 2375e33b..dea2ffe4 100644
--- a/src/shared/prerendered-app/Intro/style.css
+++ b/src/shared/prerendered-app/Intro/style.css
@@ -65,6 +65,7 @@
   position: relative;
   --size: 29rem;
   max-width: var(--size);
+  width: 100vw;
   height: var(--size);
   display: grid;
   grid-template-rows: max-content max-content;