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; } }