diff --git a/src/components/Repo/RepoDetails.jsx b/src/components/Repo/RepoDetails.jsx
index b64ff13c..97d9ef28 100644
--- a/src/components/Repo/RepoDetails.jsx
+++ b/src/components/Repo/RepoDetails.jsx
@@ -27,6 +27,8 @@ import { mapToRepoFromRepoInfo } from 'utilities/objectModels';
 const useStyles = makeStyles((theme) => ({
   pageWrapper: {
     backgroundColor: '#FFFFFF',
+    display: 'flex',
+    flexFlow: 'column',
     height: '100vh'
   },
   container: {
diff --git a/src/components/Tag/TagDetails.jsx b/src/components/Tag/TagDetails.jsx
index a6529446..aa342178 100644
--- a/src/components/Tag/TagDetails.jsx
+++ b/src/components/Tag/TagDetails.jsx
@@ -46,6 +46,8 @@ import ReferredBy from './Tabs/ReferredBy';
 const useStyles = makeStyles((theme) => ({
   pageWrapper: {
     backgroundColor: '#FFFFFF',
+    display: 'flex',
+    flexFlow: 'column',
     height: '100vh'
   },
   container: {
diff --git a/src/pages/RepoPage.jsx b/src/pages/RepoPage.jsx
index 3da8baac..1dc68d59 100644
--- a/src/pages/RepoPage.jsx
+++ b/src/pages/RepoPage.jsx
@@ -11,11 +11,16 @@ import ExploreHeader from 'components/Header/ExploreHeader';
 
 const useStyles = makeStyles(() => ({
   pageWrapper: {
-    height: '100%'
+    height: '100%',
+    display: 'flex',
+    flexFlow: 'column'
   },
   container: {
     paddingTop: 5,
-    paddingBottom: 5
+    paddingBottom: 5,
+    display: 'flex',
+    flexFlow: 'column',
+    height: '100%'
   },
   parentWrapper: {
     height: '100vh'
@@ -24,7 +29,10 @@ const useStyles = makeStyles(() => ({
     paddingTop: 10,
     paddingBottom: 10,
     backgroundColor: '#fff',
-    width: '100%'
+    width: '100%',
+    display: 'flex',
+    flexFlow: 'column',
+    height: '100%'
   }
 }));
 
diff --git a/src/pages/TagPage.jsx b/src/pages/TagPage.jsx
index 2dbc7b5b..c11956a8 100644
--- a/src/pages/TagPage.jsx
+++ b/src/pages/TagPage.jsx
@@ -11,11 +11,16 @@ import ExploreHeader from 'components/Header/ExploreHeader';
 
 const useStyles = makeStyles(() => ({
   pageWrapper: {
-    height: '100%'
+    height: '100%',
+    display: 'flex',
+    flexFlow: 'column'
   },
   container: {
     paddingTop: 5,
-    paddingBottom: 5
+    paddingBottom: 5,
+    display: 'flex',
+    flexFlow: 'column',
+    height: '100%'
   },
   parentWrapper: {
     height: '100vh'
@@ -24,7 +29,10 @@ const useStyles = makeStyles(() => ({
     paddingTop: 10,
     paddingBottom: 10,
     backgroundColor: '#fff',
-    width: '100%'
+    width: '100%',
+    display: 'flex',
+    flexFlow: 'column',
+    height: '100%'
   }
 }));