diff --git a/packages/graphiql/src/css/app.css b/packages/graphiql/src/css/app.css
index d45feb663ad..c972d3b534c 100644
--- a/packages/graphiql/src/css/app.css
+++ b/packages/graphiql/src/css/app.css
@@ -96,6 +96,7 @@
   display: flex;
   flex-direction: row;
   flex: 1;
+  max-height: 100%;
 }
 
 .graphiql-container .queryWrap {