diff --git a/workspaces/ui/src/components/diff/v2/CaptureManagerPage.js b/workspaces/ui/src/components/diff/v2/CaptureManagerPage.js
index ec3c37ed2b..1cf11dcd3a 100644
--- a/workspaces/ui/src/components/diff/v2/CaptureManagerPage.js
+++ b/workspaces/ui/src/components/diff/v2/CaptureManagerPage.js
@@ -651,7 +651,6 @@ const Stat = ({ number, label }) => {
 const useStyles = makeStyles((theme) => ({
   container: {
     display: 'flex',
-    height: '100vh',
     overflow: 'hidden',
   },
   navigationContainer: {
@@ -663,8 +662,6 @@ const useStyles = makeStyles((theme) => ({
     display: 'flex',
     flexGrow: 1,
     flexShrink: 1,
-    overflow: 'scroll',
-    height: '100vh',
     justifyContent: 'center',
   },
   navRoot: {
@@ -672,7 +669,8 @@ const useStyles = makeStyles((theme) => ({
     position: 'fixed',
     width: 'inherit',
     height: '100vh',
-    overflowY: 'scroll',
+    overflowY: 'visible',
+    overflowX: 'hidden',
     display: 'flex',
     flexDirection: 'column',
     borderRight: `1px solid ${theme.palette.grey[300]}`,
@@ -686,7 +684,6 @@ const useStyles = makeStyles((theme) => ({
   },
   center: {
     flex: 1,
-    paddingBottom: 300,
     maxWidth: 1200,
   },
   statsSection: {
@@ -747,7 +744,7 @@ const useStyles = makeStyles((theme) => ({
   },
   diffContainer: {
     display: 'flex',
-    height: '100vh',
+    
     paddingLeft: 32,
     paddingRight: 32,
     flexDirection: 'row',
diff --git a/workspaces/ui/src/components/diff/v2/DiffReviewPage.js b/workspaces/ui/src/components/diff/v2/DiffReviewPage.js
index 5b2d583e99..3261bcdb69 100644
--- a/workspaces/ui/src/components/diff/v2/DiffReviewPage.js
+++ b/workspaces/ui/src/components/diff/v2/DiffReviewPage.js
@@ -242,7 +242,6 @@ export function DiffReviewPage(props) {
 const useStyles = makeStyles((theme) => ({
   container: {
     display: 'flex',
-    height: '100vh',
     overflow: 'hidden',
   },
   navigationContainer: {
@@ -251,8 +250,6 @@ const useStyles = makeStyles((theme) => ({
     display: 'flex',
   },
   pageContainer: {
-    overflow: 'scroll',
-    height: '100vh',
     justifyContent: 'center',
     flexGrow: 1,
   },
@@ -261,7 +258,8 @@ const useStyles = makeStyles((theme) => ({
     position: 'fixed',
     width: 'inherit',
     height: '100vh',
-    overflowY: 'scroll',
+    overflowY: 'visible',
+    overflowX: 'visible',
     display: 'flex',
     flexDirection: 'column',
     borderRight: `1px solid ${theme.palette.grey[300]}`,
@@ -275,7 +273,6 @@ const useStyles = makeStyles((theme) => ({
     paddingTop: 16,
     flexGrow: 1,
     flexShirnk: 1,
-    overflow: 'scroll',
   },
   tabs: {
     marginLeft: theme.spacing(2),
@@ -291,7 +288,7 @@ const useStyles = makeStyles((theme) => ({
     paddingLeft: 20,
     paddingRight: 20,
     paddingTop: 20,
-    paddingBottom: 400,
+    paddingBottom: theme.spacing(1),
     margin: '0 auto',
   },
   statsSection: {