diff --git a/src/pages/Overview/index.js b/src/pages/Overview/index.js
index 6f9e82c24..1e8e08fa7 100644
--- a/src/pages/Overview/index.js
+++ b/src/pages/Overview/index.js
@@ -7,33 +7,16 @@ import {
   Text,
   TextVariants,
   Button,
-  Tabs,
-  Tab,
   Progress,
   ProgressSize,
   ProgressMeasureLocation,
   ProgressVariant,
 } from '@patternfly/react-core';
-import {
-  Chart,
-  ChartBar,
-  ChartAxis,
-  ChartStack,
-  ChartVoronoiContainer,
-  ChartDonutThreshold,
-  ChartDonutUtilization,
-  ChartThemeColor,
-} from '@patternfly/react-charts';
 import { Icon } from 'antd';
 import { connect } from 'dva';
 import moment from 'moment';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import {
-  OutlinedClockIcon,
-  UndoAltIcon,
-  ExternalLinkAltIcon,
-  EllipsisVIcon,
-} from '@patternfly/react-icons';
+import { OutlinedClockIcon, UndoAltIcon, EllipsisVIcon } from '@patternfly/react-icons';
 import { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
 import { resultData, expirationLimit } from '../../../mock/overview';
 import Table from '@/components/Table';
@@ -49,8 +32,6 @@ class Overview extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      activeTabKey: 0,
-      barWidth: '20',
       totalResultData: resultData,
       newData: [],
       unlabledData: [],
@@ -119,14 +100,8 @@ class Overview extends React.Component {
     );
   };
 
-  handleTabClick = (event, tabIndex) => {
-    this.setState({
-      activeTabKey: tabIndex,
-    });
-  };
-
   render() {
-    const { activeTabKey, barWidth, newData, unlabledData } = this.state;
+    const { newData, unlabledData } = this.state;
 
     const newDataColumns = [
       {
@@ -294,587 +269,206 @@ class Overview extends React.Component {
 
     return (
       <div className={styles.paddingBig}>
-        <Tabs activeKey={activeTabKey} onSelect={this.handleTabClick}>
-          <Tab eventKey={0} title="Overview">
-            <div style={{ marginTop: '32px' }}>
-              <TextContent className={styles.paddingSmall}>
-                <Text component={TextVariants.h1}> Overview</Text>
-              </TextContent>
-              <Grid hasGutter>
-                <GridItem span={3}>
-                  <Card>
-                    <div className={styles.paddingBig}>
-                      <TextContent>
-                        <Text component={TextVariants.h3}>
-                          <FontAwesomeIcon
-                            icon={faExclamationCircle}
-                            color="red"
-                            className={styles.icons}
-                          />
-                          Expiring Soon
-                        </Text>
-                        <Text component={TextVariants.p} className={styles.subText}>
-                          These runs will be automatically deleted from the sysem if left
-                          unacknowledged.
-                          <Button variant="link" isInline>
-                            Learn more
-                          </Button>
-                        </Text>
-                      </TextContent>
-                    </div>
-                    <div className={styles.expiringValues}>
-                      <Card className={styles.subCard}>
-                        <div className={styles.paddingSmall}>
-                          <TextContent>
-                            <Button variant="link" isInline>
-                              mock-result-1
-                            </Button>
-                            <Text component={TextVariants.p} className={styles.subText}>
-                              <OutlinedClockIcon className={styles.icons} /> 2020-09-10T
-                              11:52:34:552478
-                            </Text>
-                          </TextContent>
-                        </div>
-                      </Card>
-                      <Card className={styles.subCard}>
-                        <div className={styles.paddingSmall}>
-                          <TextContent>
-                            <Button variant="link" isInline>
-                              mock-result-2
-                            </Button>
-                            <Text component={TextVariants.p} className={styles.subText}>
-                              <OutlinedClockIcon className={styles.icons} /> 2020-09-10T
-                              11:52:34:552478
-                            </Text>
-                          </TextContent>
-                        </div>
-                      </Card>
-                      <Card className={styles.subCard}>
-                        <div className={styles.paddingSmall}>
-                          <TextContent>
-                            <Button variant="link" isInline>
-                              mock-result-3
-                            </Button>
-                            <Text component={TextVariants.p} className={styles.subText}>
-                              <OutlinedClockIcon className={styles.icons} /> 2020-09-10T
-                              11:52:34:552478
-                            </Text>
-                          </TextContent>
-                        </div>
-                      </Card>
-                      <Card className={styles.subCard}>
-                        <div className={styles.paddingSmall}>
-                          <TextContent>
-                            <Button variant="link" isInline>
-                              mock-result-4
-                            </Button>
-                            <Text component={TextVariants.p} className={styles.subText}>
-                              <OutlinedClockIcon className={styles.icons} /> 2020-09-10T
-                              11:52:34:552478
-                            </Text>
-                          </TextContent>
-                        </div>
-                      </Card>
-                      <Card className={styles.subCard}>
-                        <div className={styles.paddingSmall}>
-                          <TextContent>
-                            <Button variant="link" isInline>
-                              mock-result-5
-                            </Button>
-                            <Text component={TextVariants.p} className={styles.subText}>
-                              <OutlinedClockIcon className={styles.icons} /> 2020-09-10T
-                              11:52:34:552478
-                            </Text>
-                          </TextContent>
-                        </div>
-                      </Card>
-                      <Card className={styles.subCard}>
-                        <div className={styles.paddingSmall}>
-                          <TextContent>
-                            <Button variant="link" isInline>
-                              mock-result-6
-                            </Button>
-                            <Text component={TextVariants.p} className={styles.subText}>
-                              <OutlinedClockIcon className={styles.icons} /> 2020-09-10T
-                              11:52:34:552478
-                            </Text>
-                          </TextContent>
-                        </div>
-                      </Card>
-                      <Card className={styles.subCard}>
-                        <div className={styles.paddingSmall}>
-                          <TextContent>
-                            <Button variant="link" isInline>
-                              mock-result-7
-                            </Button>
-                            <Text component={TextVariants.p} className={styles.subText}>
-                              <OutlinedClockIcon className={styles.icons} /> 2020-09-10T
-                              11:52:34:552478
-                            </Text>
-                          </TextContent>
-                        </div>
-                      </Card>
-                      <Card className={styles.subCard}>
-                        <div className={styles.paddingSmall}>
-                          <TextContent>
-                            <Button variant="link" isInline>
-                              mock-result-8
-                            </Button>
-                            <Text component={TextVariants.p} className={styles.subText}>
-                              <OutlinedClockIcon className={styles.icons} /> 2020-09-10T
-                              11:52:34:552478
-                            </Text>
-                          </TextContent>
-                        </div>
-                      </Card>
-                      <Card className={styles.subCard}>
-                        <div className={styles.paddingSmall}>
-                          <TextContent>
-                            <Button variant="link" isInline>
-                              mock-result-9
-                            </Button>
-                            <Text component={TextVariants.p} className={styles.subText}>
-                              <OutlinedClockIcon className={styles.icons} /> 2020-09-10T
-                              11:52:34:552478
-                            </Text>
-                          </TextContent>
-                        </div>
-                      </Card>
+        <TextContent className={styles.paddingSmall}>
+          <Text component={TextVariants.h1}> Overview</Text>
+        </TextContent>
+        <Grid hasGutter>
+          <GridItem span={3}>
+            <Card>
+              <div className={styles.paddingBig}>
+                <TextContent>
+                  <Text component={TextVariants.h3}>
+                    <FontAwesomeIcon
+                      icon={faExclamationCircle}
+                      color="red"
+                      className={styles.icons}
+                    />
+                    Expiring Soon
+                  </Text>
+                  <Text component={TextVariants.p} className={styles.subText}>
+                    These runs will be automatically deleted from the sysem if left unacknowledged.
+                    <Button variant="link" isInline>
+                      Learn more
+                    </Button>
+                  </Text>
+                </TextContent>
+              </div>
+              <div className={styles.expiringValues}>
+                <Card className={styles.subCard}>
+                  <div className={styles.paddingSmall}>
+                    <TextContent>
+                      <Button variant="link" isInline>
+                        mock-result-1
+                      </Button>
+                      <Text component={TextVariants.p} className={styles.subText}>
+                        <OutlinedClockIcon className={styles.icons} /> 2020-09-10T 11:52:34:552478
+                      </Text>
+                    </TextContent>
+                  </div>
+                </Card>
+                <Card className={styles.subCard}>
+                  <div className={styles.paddingSmall}>
+                    <TextContent>
+                      <Button variant="link" isInline>
+                        mock-result-2
+                      </Button>
+                      <Text component={TextVariants.p} className={styles.subText}>
+                        <OutlinedClockIcon className={styles.icons} /> 2020-09-10T 11:52:34:552478
+                      </Text>
+                    </TextContent>
+                  </div>
+                </Card>
+                <Card className={styles.subCard}>
+                  <div className={styles.paddingSmall}>
+                    <TextContent>
+                      <Button variant="link" isInline>
+                        mock-result-3
+                      </Button>
+                      <Text component={TextVariants.p} className={styles.subText}>
+                        <OutlinedClockIcon className={styles.icons} /> 2020-09-10T 11:52:34:552478
+                      </Text>
+                    </TextContent>
+                  </div>
+                </Card>
+                <Card className={styles.subCard}>
+                  <div className={styles.paddingSmall}>
+                    <TextContent>
+                      <Button variant="link" isInline>
+                        mock-result-4
+                      </Button>
+                      <Text component={TextVariants.p} className={styles.subText}>
+                        <OutlinedClockIcon className={styles.icons} /> 2020-09-10T 11:52:34:552478
+                      </Text>
+                    </TextContent>
+                  </div>
+                </Card>
+                <Card className={styles.subCard}>
+                  <div className={styles.paddingSmall}>
+                    <TextContent>
+                      <Button variant="link" isInline>
+                        mock-result-5
+                      </Button>
+                      <Text component={TextVariants.p} className={styles.subText}>
+                        <OutlinedClockIcon className={styles.icons} /> 2020-09-10T 11:52:34:552478
+                      </Text>
+                    </TextContent>
+                  </div>
+                </Card>
+                <Card className={styles.subCard}>
+                  <div className={styles.paddingSmall}>
+                    <TextContent>
+                      <Button variant="link" isInline>
+                        mock-result-6
+                      </Button>
+                      <Text component={TextVariants.p} className={styles.subText}>
+                        <OutlinedClockIcon className={styles.icons} /> 2020-09-10T 11:52:34:552478
+                      </Text>
+                    </TextContent>
+                  </div>
+                </Card>
+                <Card className={styles.subCard}>
+                  <div className={styles.paddingSmall}>
+                    <TextContent>
+                      <Button variant="link" isInline>
+                        mock-result-7
+                      </Button>
+                      <Text component={TextVariants.p} className={styles.subText}>
+                        <OutlinedClockIcon className={styles.icons} /> 2020-09-10T 11:52:34:552478
+                      </Text>
+                    </TextContent>
+                  </div>
+                </Card>
+                <Card className={styles.subCard}>
+                  <div className={styles.paddingSmall}>
+                    <TextContent>
+                      <Button variant="link" isInline>
+                        mock-result-8
+                      </Button>
+                      <Text component={TextVariants.p} className={styles.subText}>
+                        <OutlinedClockIcon className={styles.icons} /> 2020-09-10T 11:52:34:552478
+                      </Text>
+                    </TextContent>
+                  </div>
+                </Card>
+                <Card className={styles.subCard}>
+                  <div className={styles.paddingSmall}>
+                    <TextContent>
+                      <Button variant="link" isInline>
+                        mock-result-9
+                      </Button>
+                      <Text component={TextVariants.p} className={styles.subText}>
+                        <OutlinedClockIcon className={styles.icons} /> 2020-09-10T 11:52:34:552478
+                      </Text>
+                    </TextContent>
+                  </div>
+                </Card>
 
-                      <Card className={styles.subCard}>
-                        <div className={styles.paddingSmall}>
-                          <TextContent>
-                            <Button variant="link" isInline>
-                              mock-result-10
-                            </Button>
-                            <Text component={TextVariants.p} className={styles.subText}>
-                              <OutlinedClockIcon className={styles.icons} /> 2020-09-10T
-                              11:52:34:552478
-                            </Text>
-                          </TextContent>
-                        </div>
-                      </Card>
-                    </div>
-                    <Card className={styles.subCard}>
-                      <div className={styles.paddingSmall}>
-                        <Button variant="link" isInline>
-                          View all warnings
-                        </Button>
-                      </div>
-                    </Card>
-                  </Card>
-                </GridItem>
-                <GridItem span={9}>
-                  <Card>
-                    <div className={styles.paddingBig}>
-                      <TextContent>
-                        <Text component={TextVariants.h3}>
-                          {' '}
-                          New Runs
-                          <Button variant="link" icon={<UndoAltIcon />} style={{ float: 'right' }}>
-                            Refresh results
-                          </Button>
-                        </Text>
-                      </TextContent>
-                    </div>
-                    <div className={styles.newRunTable}>
-                      <Table
-                        columns={newDataColumns}
-                        rowSelection={rowSelection}
-                        expandedRowRender={record => (
-                          <p style={{ margin: 0 }}>{record.description}</p>
-                        )}
-                        dataSource={newData}
-                      />
-                    </div>
-                  </Card>
-                </GridItem>
-              </Grid>
-              <Grid hasGutter style={{ marginTop: '16px' }}>
-                <GridItem span={12}>
-                  <Card>
-                    <div className={styles.paddingSmall}>
-                      <TextContent className={styles.paddingSmall}>
-                        <Text component={TextVariants.h3}> Unlabled</Text>
-                      </TextContent>
-                      <Button variant="link">Go to all runs</Button>
-                    </div>
-                    <div>
-                      <Table
-                        columns={seenDataColumns}
-                        rowSelection={rowSelection}
-                        expandedRowRender={record => (
-                          <p style={{ margin: 0 }}>{record.description}</p>
-                        )}
-                        dataSource={unlabledData}
-                      />
-                    </div>
-                  </Card>
-                </GridItem>
-              </Grid>
-            </div>
-          </Tab>
-          <Tab eventKey={1} title="Visualization">
-            <div style={{ marginTop: '32px' }}>
-              <TextContent className={styles.paddingSmall}>
-                <Grid>
-                  <GridItem span={6}>
-                    <Text component={TextVariants.h1}> Analysis</Text>
-                  </GridItem>
-                  <GridItem span={6}>
-                    <Text component={TextVariants.h3} style={{ textAlign: 'right' }}>
-                      {' '}
-                      Total runs: 1,179
-                    </Text>
-                  </GridItem>
-                </Grid>
-              </TextContent>
-              <Grid>
-                <GridItem span={12}>
-                  <Card className={styles.borderedCard}>
-                    <div className={styles.paddingBig}>
-                      <TextContent>
-                        <Text component={TextVariants.h2}>
-                          {' '}
-                          Runs
-                          <Button
-                            variant="link"
-                            icon={<ExternalLinkAltIcon />}
-                            style={{ float: 'right' }}
-                          >
-                            View in Kibana
-                          </Button>
-                        </Text>
-                      </TextContent>
-                    </div>
-                  </Card>
-                  <Card className={styles.borderedCard}>
-                    <Grid>
-                      <GridItem span={7}>
-                        <TextContent className={styles.paddingSmall}>
-                          <Text component={TextVariants.h3} style={{ color: 'grey' }}>
-                            {' '}
-                            Click on sections of the graph to view detailed data
-                          </Text>
-                        </TextContent>
-                        <Grid>
-                          <GridItem span={5} offset={1}>
-                            <div
-                              style={{ height: '260px', width: '260px' }}
-                              className={styles.paddingBig}
-                            >
-                              <ChartDonutThreshold
-                                ariaDesc="Storage capacity"
-                                ariaTitle="Donut utilization chart with static threshold example"
-                                constrainToVisibleArea
-                                data={[
-                                  { x: 'Warning at 60%', y: 30 },
-                                  { x: 'Danger at 90%', y: 90 },
-                                ]}
-                                labels={({ datum }) => (datum.x ? datum.x : null)}
-                              >
-                                <ChartDonutUtilization
-                                  data={{ x: 'Storage capacity', y: 60 }}
-                                  labels={({ datum }) =>
-                                    datum.x ? `${datum.x}: ${datum.y}%` : null
-                                  }
-                                  themeColor={ChartThemeColor.yellow}
-                                  thresholds={[{ value: 60 }, { value: 90 }]}
-                                />
-                              </ChartDonutThreshold>
-                            </div>
-                          </GridItem>
-                          <GridItem span={6}>
-                            <div
-                              style={{ height: '260px', width: '260px' }}
-                              className={styles.paddingBig}
-                            >
-                              <ChartDonutThreshold
-                                ariaDesc="Storage capacity"
-                                ariaTitle="Donut utilization chart with static threshold example"
-                                constrainToVisibleArea
-                                data={[
-                                  { x: 'Warning at 60%', y: 30 },
-                                  { x: 'Danger at 90%', y: 90 },
-                                ]}
-                                labels={({ datum }) => (datum.x ? datum.x : null)}
-                              >
-                                <ChartDonutUtilization
-                                  data={{ x: 'Storage capacity', y: 45 }}
-                                  labels={({ datum }) =>
-                                    datum.x ? `${datum.x}: ${datum.y}%` : null
-                                  }
-                                />
-                              </ChartDonutThreshold>
-                            </div>
-                          </GridItem>
-                        </Grid>
-                      </GridItem>
-                      <GridItem span={5} style={{ borderLeft: '1px solid #b3b2b2' }}>
-                        <div className={styles.paddingBig}>
-                          <TextContent>
-                            <Text component={TextVariants.h3}>
-                              perf102.perf.lab.eng.bos.redhat.com
-                            </Text>
-                            <Text component={TextVariants.h4}>Field</Text>
-                            <a>run.controller</a>
-                            <Text component={TextVariants.h4}>Value</Text>
-                            <a>scale-ci-http-tfg6k</a>
-                            <Text component={TextVariants.h4}>Count</Text>
-                            <span>54(3.81%)</span>
-                          </TextContent>
-                        </div>
-                      </GridItem>
-                    </Grid>
-                  </Card>
-                  <Card className={styles.borderedCard}>
-                    <div className={styles.paddingBig}>
-                      <TextContent>
-                        <span>
-                          <Text component={TextVariants.h3} style={{ display: 'inline' }}>
-                            Legend
-                          </Text>
-                        </span>
-                        <span
-                          className={styles.colorBoxInline}
-                          style={{ backgroundColor: 'blue' }}
-                        />
-                        <span className={styles.legendLabel}>ip-172-31-88-27.ec2.internal</span>
-                        <span
-                          className={styles.colorBoxInline}
-                          style={{ backgroundColor: 'green' }}
-                        />
-                        <span className={styles.legendLabel}>perf44-85qp8-infra-c-6qtbg.c</span>
-                        <span
-                          className={styles.colorBoxInline}
-                          style={{ backgroundColor: 'red' }}
-                        />
-                        <span className={styles.legendLabel}>
-                          dhcp31-25.perf.lab.eng.bos.redhat.com
-                        </span>
-                        <span
-                          className={styles.colorBoxInline}
-                          style={{ backgroundColor: 'violet' }}
-                        />
-                        <span className={styles.legendLabel}>
-                          frival-l64sv2-rhel8-Standard-L64s-v2-1-vm
-                        </span>
-                        <span
-                          className={styles.colorBoxInline}
-                          style={{ backgroundColor: '#f0ab00' }}
-                        />
-                        <span className={styles.legendLabel}>scale-ci-http-dzms4</span>
-                      </TextContent>
-                    </div>
-                  </Card>
-                </GridItem>
-              </Grid>
-              <Grid>
-                <GridItem span={12}>
-                  <Card className={styles.borderedCard}>
-                    <div className={styles.paddingBig}>
-                      <TextContent>
-                        <Text component={TextVariants.h2}>
-                          {' '}
-                          Runs over time
-                          <Button
-                            variant="link"
-                            icon={<ExternalLinkAltIcon />}
-                            style={{ float: 'right' }}
-                          >
-                            View in Kibana
-                          </Button>
-                        </Text>
-                      </TextContent>
-                    </div>
-                  </Card>
-                  <Card className={styles.borderedCard}>
-                    <Grid>
-                      <GridItem span={8}>
-                        <TextContent className={styles.paddingSmall}>
-                          <Text component={TextVariants.h4} style={{ color: 'grey' }}>
-                            {' '}
-                            @metadata.satellite.EC2: filters
-                          </Text>
-                        </TextContent>
-                        <Grid>
-                          <div className={styles.borderedCard}>
-                            <Chart
-                              ariaDesc="mock metdata"
-                              ariaTitle="mock meta data"
-                              containerComponent={
-                                <ChartVoronoiContainer
-                                  labels={({ datum }) => `${datum.name}: ${datum.y}`}
-                                  constrainToVisibleArea
-                                />
-                              }
-                              domainPadding={{ x: [50, 50] }}
-                              height={500}
-                              padding={{
-                                bottom: 50,
-                                left: 50,
-                                right: 200,
-                                top: 50,
-                              }}
-                              width={1200}
-                            >
-                              <ChartAxis />
-                              <ChartAxis dependentAxis showGrid />
-                              <ChartStack>
-                                <ChartBar
-                                  data={[
-                                    { name: 'meta1', x: '5-10-2020', y: 100 },
-                                    { name: 'meta1', x: '6-10-2020', y: 100 },
-                                    { name: 'meta1', x: '7-10-2020', y: 70 },
-                                    { name: 'meta1', x: '8-10-2020', y: 10 },
-                                    { name: 'meta2', x: '9-10-2020', y: 50 },
-                                    { name: 'meta2', x: '10-10-2020', y: 50 },
-                                    { name: 'meta2', x: '11-10-2020', y: 30 },
-                                    { name: 'meta3', x: '12-10-2020', y: 50 },
-                                    { name: 'meta2', x: '13-10-2020', y: 50 },
-                                    { name: 'meta2', x: '14-10-2020', y: 30 },
-                                    { name: 'meta3', x: '15-10-2020', y: 150 },
-                                    { name: 'meta2', x: '16-10-2020', y: 50 },
-                                  ]}
-                                  barWidth={barWidth}
-                                />
-                                <ChartBar
-                                  data={[
-                                    { name: 'meta1', x: '5-10-2020', y: 100 },
-                                    { name: 'meta1', x: '7-10-2020', y: 57 },
-                                    { name: 'meta1', x: '8-10-2020', y: 40 },
-                                    { name: 'meta1', x: '9-10-2020', y: 20 },
-                                    { name: 'meta2', x: '10-10-2020', y: 120 },
-                                    { name: 'meta2', x: '11-10-2020', y: 90 },
-                                    { name: 'meta2', x: '12-10-2020', y: 0 },
-                                    { name: 'meta3', x: '13-10-2020', y: 70 },
-                                    { name: 'meta2', x: '14-10-2020', y: 50 },
-                                    { name: 'meta2', x: '15-10-2020', y: 30 },
-                                    { name: 'meta3', x: '16-10-2020', y: 150 },
-                                  ]}
-                                  barWidth={barWidth}
-                                />
-                              </ChartStack>
-                            </Chart>
-                          </div>
-                          <TextContent className={styles.paddingSmall}>
-                            <Text component={TextVariants.h4} style={{ color: 'grey' }}>
-                              {' '}
-                              NOT @metadata.satellite.EC2: filters
-                            </Text>
-                          </TextContent>
-                          <div className={styles.borderedCard}>
-                            <Chart
-                              ariaDesc="mock meta data"
-                              ariaTitle="mock meta data"
-                              containerComponent={
-                                <ChartVoronoiContainer
-                                  labels={({ datum }) => `${datum.name}: ${datum.y}`}
-                                  constrainToVisibleArea
-                                />
-                              }
-                              domainPadding={{ x: [50, 50] }}
-                              height={500}
-                              padding={{
-                                bottom: 50,
-                                left: 50,
-                                right: 200,
-                                top: 50,
-                              }}
-                              themeColor={ChartThemeColor.gold}
-                              width={1200}
-                            >
-                              <ChartAxis />
-                              <ChartAxis dependentAxis showGrid />
-                              <ChartStack>
-                                <ChartBar
-                                  data={[
-                                    { name: 'meta1', x: '5-10-2020', y: 50 },
-                                    { name: 'meta1', x: '6-10-2020', y: 200 },
-                                    { name: 'meta1', x: '7-10-2020', y: 70 },
-                                    { name: 'meta1', x: '8-10-2020', y: 100 },
-                                    { name: 'meta2', x: '9-10-2020', y: 50 },
-                                    { name: 'meta2', x: '10-10-2020', y: 50 },
-                                    { name: 'meta2', x: '11-10-2020', y: 30 },
-                                    { name: 'meta3', x: '12-10-2020', y: 150 },
-                                    { name: 'meta2', x: '13-10-2020', y: 50 },
-                                    { name: 'meta2', x: '14-10-2020', y: 30 },
-                                    { name: 'meta3', x: '15-10-2020', y: 150 },
-                                  ]}
-                                  barWidth={barWidth}
-                                />
-                                <ChartBar
-                                  data={[
-                                    { name: 'meta1', x: '5-10-2020', y: 100 },
-                                    { name: 'meta1', x: '6-10-2020', y: 104 },
-                                    { name: 'meta1', x: '7-10-2020', y: 70 },
-                                    { name: 'meta1', x: '8-10-2020', y: 110 },
-                                    { name: 'meta2', x: '9-10-2020', y: 50 },
-                                    { name: 'meta2', x: '10-10-2020', y: 60 },
-                                    { name: 'meta2', x: '11-10-2020', y: 30 },
-                                    { name: 'meta3', x: '12-10-2020', y: 50 },
-                                    { name: 'meta2', x: '13-10-2020', y: 50 },
-                                    { name: 'meta2', x: '14-10-2020', y: 30 },
-                                    { name: 'meta3', x: '15-10-2020', y: 150 },
-                                  ]}
-                                  barWidth={barWidth}
-                                />
-                              </ChartStack>
-                            </Chart>
-                          </div>
-                        </Grid>
-                      </GridItem>
-                      <GridItem span={4} style={{ borderLeft: '1px solid #b3b2b2' }}>
-                        <div className={styles.paddingBig}>
-                          <TextContent>
-                            <span>
-                              <Text component={TextVariants.h3}>Legend</Text>
-                            </span>
-                            <div>
-                              <span
-                                className={styles.colorBox}
-                                style={{ backgroundColor: 'blue' }}
-                              />
-                              <span className={styles.legendLabel}>pbench-user-benchmark</span>
-                            </div>
-                            <div>
-                              <span
-                                className={styles.colorBox}
-                                style={{ backgroundColor: 'green' }}
-                              />
-                              <span className={styles.legendLabel}>trafficgen</span>
-                            </div>
-                            <div>
-                              <span
-                                className={styles.colorBox}
-                                style={{ backgroundColor: 'red' }}
-                              />
-                              <span className={styles.legendLabel}>uperf</span>
-                            </div>
-                            <div>
-                              <span
-                                className={styles.colorBox}
-                                style={{ backgroundColor: 'violet' }}
-                              />
-                              <span className={styles.legendLabel}>linpack</span>
-                            </div>
-                            <div>
-                              <span
-                                className={styles.colorBox}
-                                style={{ backgroundColor: '#f0ab00' }}
-                              />
-                              <span className={styles.legendLabel}>fio</span>
-                            </div>
-                          </TextContent>
-                        </div>
-                      </GridItem>
-                    </Grid>
-                  </Card>
-                </GridItem>
-              </Grid>
-            </div>
-          </Tab>
-        </Tabs>
+                <Card className={styles.subCard}>
+                  <div className={styles.paddingSmall}>
+                    <TextContent>
+                      <Button variant="link" isInline>
+                        mock-result-10
+                      </Button>
+                      <Text component={TextVariants.p} className={styles.subText}>
+                        <OutlinedClockIcon className={styles.icons} /> 2020-09-10T 11:52:34:552478
+                      </Text>
+                    </TextContent>
+                  </div>
+                </Card>
+              </div>
+              <Card className={styles.subCard}>
+                <div className={styles.paddingSmall}>
+                  <Button variant="link" isInline>
+                    View all warnings
+                  </Button>
+                </div>
+              </Card>
+            </Card>
+          </GridItem>
+          <GridItem span={9}>
+            <Card>
+              <div className={styles.paddingBig}>
+                <TextContent>
+                  <Text component={TextVariants.h3}>
+                    {' '}
+                    New Runs
+                    <Button variant="link" icon={<UndoAltIcon />} style={{ float: 'right' }}>
+                      Refresh results
+                    </Button>
+                  </Text>
+                </TextContent>
+              </div>
+              <div className={styles.newRunTable}>
+                <Table
+                  columns={newDataColumns}
+                  rowSelection={rowSelection}
+                  expandedRowRender={record => <p style={{ margin: 0 }}>{record.description}</p>}
+                  dataSource={newData}
+                />
+              </div>
+            </Card>
+          </GridItem>
+        </Grid>
+        <Grid hasGutter style={{ marginTop: '16px' }}>
+          <GridItem span={12}>
+            <Card>
+              <div className={styles.paddingSmall}>
+                <TextContent className={styles.paddingSmall}>
+                  <Text component={TextVariants.h3}> Unlabled</Text>
+                </TextContent>
+                <Button variant="link">Go to all runs</Button>
+              </div>
+              <div>
+                <Table
+                  columns={seenDataColumns}
+                  rowSelection={rowSelection}
+                  expandedRowRender={record => <p style={{ margin: 0 }}>{record.description}</p>}
+                  dataSource={unlabledData}
+                />
+              </div>
+            </Card>
+          </GridItem>
+        </Grid>
       </div>
     );
   }
diff --git a/src/pages/Overview/index.less b/src/pages/Overview/index.less
index bc01c6aec..b1bd75eda 100644
--- a/src/pages/Overview/index.less
+++ b/src/pages/Overview/index.less
@@ -3,16 +3,16 @@
 }
 *::-webkit-scrollbar-thumb {
   height: 1em;
-  border: 0.5em solid rgba(0, 0, 0, 0);
+  background-color: rgba(0, 0, 0, 0.15);
   background-clip: padding-box;
+  border: 0.5em solid rgba(0, 0, 0, 0);
   -webkit-border-radius: 1em;
-  background-color: rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.025);
 }
 *::-webkit-scrollbar-button {
+  display: none;
   width: 0;
   height: 0;
-  display: none;
 }
 *::-webkit-scrollbar-corner {
   background-color: transparent;
@@ -42,8 +42,8 @@
 }
 
 .subText {
-  font-size: smaller;
   color: #4c4c4c;
+  font-size: smaller;
 }
 
 .icons {
@@ -52,46 +52,25 @@
 
 .label {
   margin: 3px;
-  background-color: rgb(220 239 255);
   padding: 2px 8px;
+  background-color: rgb(220 239 255);
   border-radius: 25px;
 }
 
-.borderedCard {
-  border: solid 1px #b3b2b2;
-}
-.colorBox,
-.colorBoxInline {
-  width: 0.7rem;
-  height: 0.7rem;
-  margin-left: 24px;
-  display: inline-block;
-}
-
-.colorBoxInline {
-  display: inline-block;
-}
-
-.legendLabel {
-  margin-left: 8px;
-  font-size: var(--pf-global--FontSize--sm);
-  color: var(--pf-global--Color--300);
-}
-
 .dropdownContent {
   position: absolute;
-  background-color: #f1f1f1;
-  margin-left: -5%;
   min-width: 130px;
+  margin-left: -5%;
   overflow: auto;
+  background-color: #f1f1f1;
   box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
 }
 
 .dropdownLink {
-  color: black;
+  display: block;
   padding: 12px 16px;
+  color: black;
   text-decoration: none;
-  display: block;
 }
 
 .dropdownLink:hover {