Fix data grid horizontal overflow
MODIFY
app/components/Settings/Preview/sql-table.css
app/components/Settings/Preview/sql-table.css
border-color: #c8d4e3 !important;
}
+/* fix horizontal overflow issues */
+.react-grid-Cell {
+ box-sizing: border-box;
+}
+
+
.react-grid-Header {
box-shadow: unset !important;
max-height: 64px;

MODIFY
app/components/Settings/scheduler/scheduler.css
app/components/Settings/scheduler/scheduler.css
background-color: #f9f9f9;
}
+/* fix horizontal overflow issues */
+.scheduler-table .react-grid-Cell {
+ box-sizing: border-box;
+}
+
.scheduler-table .react-grid-Row {
border-top: 1px solid #c8d4e3;
cursor: pointer;

MODIFY
app/components/Settings/scheduler/scheduler.jsx
app/components/Settings/scheduler/scheduler.jsx
@@ -270,7 +270,7 @@ class Scheduler extends Component {
</Row>
</Column>
</Row>
- <Row className="scheduler-table" style={{padding: '0 16px 16px', width: 'auto'}}>
+ <Row className="scheduler-table" style={{margin: '0 16px 16px', width: 'auto'}}>
<ReactDataGrid
onRowClick={this.openPreview}
columns={this.columns}

Fix data grid horizontal overflow