diff --git a/theme/src/components/__snapshots__/header.spec.js.snap b/theme/src/components/__snapshots__/header.spec.js.snap
index aeac9604..69c4044a 100644
--- a/theme/src/components/__snapshots__/header.spec.js.snap
+++ b/theme/src/components/__snapshots__/header.spec.js.snap
@@ -10,7 +10,8 @@ exports[`Header matches the snapshot 1`] = `
     Wow!
   </div>
   <svg
-    className="css-1l6n94m"
+    className="css-odb3nj"
+    height="auto"
     preserveAspectRatio="xMidYMin slice"
     viewBox="0 0 1366 63"
     width="100%"
diff --git a/theme/src/components/swoops/__snapshots__/swoop-bottom.spec.js.snap b/theme/src/components/swoops/__snapshots__/swoop-bottom.spec.js.snap
index a5261ceb..ee8a4e8e 100644
--- a/theme/src/components/swoops/__snapshots__/swoop-bottom.spec.js.snap
+++ b/theme/src/components/swoops/__snapshots__/swoop-bottom.spec.js.snap
@@ -2,7 +2,8 @@
 
 exports[`SwoopBottom matches the snapshot 1`] = `
 <svg
-  className="css-1l6n94m"
+  className="css-odb3nj"
+  height="auto"
   preserveAspectRatio="xMidYMin slice"
   viewBox="0 0 1366 63"
   width="100%"
diff --git a/theme/src/components/swoops/swoop-bottom.js b/theme/src/components/swoops/swoop-bottom.js
index a92126d5..3f30c277 100644
--- a/theme/src/components/swoops/swoop-bottom.js
+++ b/theme/src/components/swoops/swoop-bottom.js
@@ -11,9 +11,13 @@ export default ({ fill }) => {
       preserveAspectRatio='xMidYMin slice'
       xmlns='http://www.w3.org/2000/svg'
       viewBox='0 0 1366 63'
+      height='auto'
       sx={{
         fill: fill || defaultFillColor,
-        verticalAlign: 'bottom'
+        verticalAlign: 'bottom',
+        // Hack to fix a bug in some browser where a fraction of a pixel
+        // of space is sometimes rendered below the swoop
+        marginBottom: '-1px'
       }}
     >
       <path