diff --git a/packages/graphql-playground-react/src/components/HistoryPopup.tsx b/packages/graphql-playground-react/src/components/HistoryPopup.tsx
index b57618a20..45c53ebba 100644
--- a/packages/graphql-playground-react/src/components/HistoryPopup.tsx
+++ b/packages/graphql-playground-react/src/components/HistoryPopup.tsx
@@ -212,8 +212,6 @@ const Wrapper = styled.div`
   min-height: 500px;
 
   & .graphiql-container.graphiql-container {
-    height: calc(100% - 81px) !important;
-
     & .queryWrap.queryWrap {
       border-top: none;
     }
@@ -298,7 +296,7 @@ const UseText = styled.div`
 `
 
 const Big = styled.div`
-  height: 100%;
+  height: calc(100% - 81px);
   display: flex;
   flex: 1 1 auto;
 `