diff --git a/client/components/Footer.jsx b/client/components/Footer.jsx
index 334a67e4e..5601895b5 100644
--- a/client/components/Footer.jsx
+++ b/client/components/Footer.jsx
@@ -14,6 +14,7 @@ const useStyles = makeStyles(theme => ({
     height: theme.footer.height,
     width: '100%',
     backgroundColor: theme.palette.primary.dark,
+    zIndex: 1,
   },
   lastUpdated: {
     color: theme.palette.text.dark,
diff --git a/client/components/common/DatePicker/DatePicker.jsx b/client/components/common/DatePicker/DatePicker.jsx
index dfc5c5b26..aa6a7b026 100644
--- a/client/components/common/DatePicker/DatePicker.jsx
+++ b/client/components/common/DatePicker/DatePicker.jsx
@@ -28,6 +28,7 @@ const useStyles = makeStyles(theme => ({
   },
   selectorPopUp: {
     position: 'fixed',
+    zIndex: 1,
   },
   button: {
     padding: 0,