diff --git a/src/Female.js b/src/Female.js
index a53cc5b..4131f45 100644
--- a/src/Female.js
+++ b/src/Female.js
@@ -11,6 +11,7 @@ import {Link} from "react-router-dom";
 
 const useStyles = theme => ({
   buttonPaper: {
+    marginTop: theme.spacing(8),
     display: 'flex',
     flexDirection: 'column',
     textAlign: 'center',
diff --git a/src/Male.js b/src/Male.js
index 3aa1b2e..d4a168b 100644
--- a/src/Male.js
+++ b/src/Male.js
@@ -11,6 +11,7 @@ import {Link} from "react-router-dom";
 
 const useStyles = theme => ({
   buttonPaper: {
+    marginTop: theme.spacing(8),
     display: 'flex',
     flexDirection: 'column',
     textAlign: 'center',
diff --git a/src/ProgramType.js b/src/ProgramType.js
index 481d31f..8146461 100644
--- a/src/ProgramType.js
+++ b/src/ProgramType.js
@@ -8,6 +8,7 @@ import Container from "@material-ui/core/Container";
 
 const useStyles = theme => ({
   buttonPaper: {
+    marginTop: theme.spacing(8),
     display: 'flex',
     flexDirection: 'column',
     textAlign: 'center',
diff --git a/src/Team.js b/src/Team.js
index 9b54f46..8198390 100644
--- a/src/Team.js
+++ b/src/Team.js
@@ -11,6 +11,7 @@ import {Link} from "react-router-dom";
 
 const useStyles = theme => ({
   buttonPaper: {
+    marginTop: theme.spacing(8),
     display: 'flex',
     flexDirection: 'column',
     textAlign: 'center',