diff --git a/web/src/App.tsx b/web/src/App.tsx
index 702367c8d..000d6fdf2 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -22,7 +22,11 @@ const { Header, Content, Footer } = Layout;
 
 export const App: React.FC = () => (
   <Router>
-    <Layout>
+    <Layout
+      style={{
+        background: "#fff",
+      }}
+    >
       <Header style={{ background: "#fff" }}>
         <Logo />
         <Menu mode="horizontal" style={{ lineHeight: "64px" }} />
diff --git a/web/src/hooks/useTablePageSizer.tsx b/web/src/hooks/useTablePageSizer.tsx
index eee29d7d5..feb12cdd4 100644
--- a/web/src/hooks/useTablePageSizer.tsx
+++ b/web/src/hooks/useTablePageSizer.tsx
@@ -17,7 +17,10 @@ export const useTablePageSizer = () => {
 };
 
 const calculateSize = () => ({
-  pageSize: Math.floor((window.innerHeight - 184) / 57),
+  pageSize:
+    window.innerWidth < 576
+      ? Math.floor((window.innerHeight - 215) / 43)
+      : Math.floor((window.innerHeight - 150) / 57),
   isNarrowWindow: window.innerWidth < 576 ? true : false,
   isWideWindow: window.innerWidth > 1918 ? true : false,
 });
diff --git a/web/src/index.css b/web/src/index.css
index 4a1df4db7..14687dfbd 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -11,3 +11,7 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
     monospace;
 }
+
+body > #root > section {
+  height: 100vh;
+}