diff --git a/client/components/contact/ContactForm.jsx b/client/components/contact/ContactForm.jsx
index 158e69d32..d4cc22af3 100644
--- a/client/components/contact/ContactForm.jsx
+++ b/client/components/contact/ContactForm.jsx
@@ -9,9 +9,16 @@ import {
   Button,
   TextField,
   CircularProgress,
+  makeStyles,
 } from '@material-ui/core';
 import 'react-toastify/dist/ReactToastify.css';
 
+const useStyles = makeStyles(theme => ({
+  footer: {
+    height: theme.footer.height,
+  },
+}));
+
 const initialFormValues = {
   firstName: '',
   lastName: '',
@@ -39,6 +46,8 @@ const toastEmitterSettings = {
 };
 
 const ContactForm = () => {
+  const classes = useStyles();
+
   const dispatch = useDispatch();
 
   // mapStateToProps equivalent.
@@ -251,6 +260,10 @@ const ContactForm = () => {
               Submit
             </Button>
           </Grid>
+          <Grid container className={classes.footer}>
+            {/*  an empty grid container with footer height to prevent
+              *  fixed positioned footer from obscuring submit button */}
+          </Grid>
         </Grid>
       </form>
     </Container>