diff --git a/catalog/app/components/Assistant/UI/Chat/DevTools.tsx b/catalog/app/components/Assistant/UI/Chat/DevTools.tsx
index 84321ad1e6b..d7ed7e5501c 100644
--- a/catalog/app/components/Assistant/UI/Chat/DevTools.tsx
+++ b/catalog/app/components/Assistant/UI/Chat/DevTools.tsx
@@ -10,7 +10,7 @@ const useStyles = M.makeStyles((t) => ({
   root: {
     display: 'flex',
     flexDirection: 'column',
-    maxHeight: '100%',
+    height: '100%',
   },
   heading: {
     ...t.typography.h5,
@@ -23,10 +23,8 @@ const useStyles = M.makeStyles((t) => ({
     overflow: 'auto',
   },
   json: {
-    padding: t.spacing(2),
-    '& + &': {
-      paddingTop: 0,
-    },
+    margin: t.spacing(2, 0),
+    padding: t.spacing(0, 2),
   },
 }))