diff --git a/frontend/components/queries/QueryResultsTable/QueryResultsTable.jsx b/frontend/components/queries/QueryResultsTable/QueryResultsTable.jsx
index f2fb249e26..b44859fed6 100644
--- a/frontend/components/queries/QueryResultsTable/QueryResultsTable.jsx
+++ b/frontend/components/queries/QueryResultsTable/QueryResultsTable.jsx
@@ -227,25 +227,21 @@ class QueryResultsTable extends Component {
{!hasNoResults && renderTable()}
{hasErrors && (
- <>
-
-
-
-
-
-
-
Errors
-
- {renderErrorsTable()}
-
+
+
+
Errors
+
+ {renderErrorsTable()}
- >
+
)}
);
diff --git a/frontend/components/queries/QueryResultsTable/_styles.scss b/frontend/components/queries/QueryResultsTable/_styles.scss
index e275571f76..ee851060ad 100644
--- a/frontend/components/queries/QueryResultsTable/_styles.scss
+++ b/frontend/components/queries/QueryResultsTable/_styles.scss
@@ -39,7 +39,7 @@
border-radius: 3px;
overflow: scroll;
margin-top: $pad-xsmall;
- min-height: 200px;
+ min-height: 100px;
max-height: 400px;
width: 100%;
@@ -57,17 +57,19 @@
&__error-table-container {
margin-top: $pad-large;
+ overflow: scroll;
}
&__error-table-wrapper {
display: flex;
border: solid 1px $ui-fleet-blue-15;
border-radius: 3px;
- overflow: scroll;
margin-bottom: $pad-xxlarge;
margin-top: $pad-xsmall;
- max-height: 200px;
+ min-height: 200px;
+ max-height: 400px;
width: 100%;
+ box-sizing: border-box;
}
&__table {
@@ -144,7 +146,11 @@
}
.query-results-table__error-table-container {
- display: none;
+ max-height: none;
+ }
+
+ .query-results-table__error-table-wrapper {
+ max-height: none;
}
}