diff --git a/client/src/components/WarningCard.js b/client/src/components/WarningCard.js
index de140c78..23e102ec 100644
--- a/client/src/components/WarningCard.js
+++ b/client/src/components/WarningCard.js
@@ -5,27 +5,29 @@ import { WarningText } from 'components/WarningText'
 
 export const WarningCard = ({ label, children }) => {
   return (
-    <CardBandLarge
-      align="center"
-      elevation="small"
-      pad={{ top: 'xxlarge' }}
-      width="100%"
-    >
-      <Box margin={{ bottom: 'medium' }}>
-        <WarningText
-          iconColor="error"
-          iconNoFill
-          iconMargin="none"
-          iconSize="24px"
-          text={
-            <Text color="error" size="24px" weight="bold">
-              {label}
-            </Text>
-          }
-        />
-      </Box>
-      {children}
-    </CardBandLarge>
+    <Box margin={{ top: 'xxlarge' }} fill>
+      <CardBandLarge
+        align="center"
+        elevation="small"
+        pad={{ top: 'xxlarge' }}
+        width="100%"
+      >
+        <Box margin={{ bottom: 'medium' }}>
+          <WarningText
+            iconColor="error"
+            iconNoFill
+            iconMargin="none"
+            iconSize="24px"
+            text={
+              <Text color="error" size="24px" weight="bold">
+                {label}
+              </Text>
+            }
+          />
+        </Box>
+        {children}
+      </CardBandLarge>
+    </Box>
   )
 }