diff --git a/x-pack/plugins/ml/public/components/anomalies_table/links_menu.js b/x-pack/plugins/ml/public/components/anomalies_table/links_menu.js
index 5276a344286a..61f4deba46f6 100644
--- a/x-pack/plugins/ml/public/components/anomalies_table/links_menu.js
+++ b/x-pack/plugins/ml/public/components/anomalies_table/links_menu.js
@@ -399,7 +399,7 @@ export const LinksMenu = injectI18n(class LinksMenu extends Component {
       items.push(
         <EuiContextMenuItem
           key="view_series"
-          icon="popout"
+          icon="stats"
           onClick={() => { this.closePopover(); this.viewSeries(); }}
         >
           <FormattedMessage
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.js
index 5fceb93703df..491c8c4529a9 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.js
@@ -115,7 +115,7 @@ function ExplorerChartContainer({
             >
               <EuiButtonEmpty
                 iconSide="right"
-                iconType="popout"
+                iconType="stats"
                 size="xs"
                 onClick={() => window.open(getExploreSeriesLink(series), '_blank')}
               >
diff --git a/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/_index.scss b/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/_index.scss
index babb5b5fb43e..3930bb1cf73a 100644
--- a/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/_index.scss
+++ b/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/_index.scss
@@ -1,2 +1 @@
 @import 'job_details';
-@import 'forecasts_table/index';
diff --git a/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/_forcasts_table.scss b/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/_forcasts_table.scss
deleted file mode 100644
index 137e3a18fb27..000000000000
--- a/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/_forcasts_table.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-// SASSTODO: This has dangerous EUI overrides and should be removed. Some of it should just use the JS props
-.forecasts-table {
-  .euiTable {
-     font-size: 12px;
- 
-     th:last-child {
-       width: 60px;
-     }
- 
-     td {
-       .euiTableCellContent {
-         padding-top: 4px;
-         padding-bottom: 4px;
-       }
-     }
-   }
- 
-   .view-forecast-btn {
-     width: 35px;
-     min-width: 35px;
-     height: 24px;
- 
-     .euiButton__content {
-       padding: 0px 8px;
-     }
-   }
- 
-   .euiLink {
-     font-family: inherit;
-   }
- }
- 
\ No newline at end of file
diff --git a/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/_index.scss b/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/_index.scss
deleted file mode 100644
index d928a326026b..000000000000
--- a/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/_index.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import 'forcasts_table';
\ No newline at end of file
diff --git a/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js b/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js
index 513c9d4fb89b..28cbb2cf8553 100644
--- a/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js
+++ b/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js
@@ -14,7 +14,7 @@ import React, {
 } from 'react';
 
 import {
-  EuiButton,
+  EuiButtonIcon,
   EuiCallOut,
   EuiFlexGroup,
   EuiFlexItem,
@@ -282,21 +282,29 @@ class ForecastsTableUI extends Component {
           id: 'xpack.ml.jobsList.jobDetails.forecastsTable.viewLabel',
           defaultMessage: 'View'
         }),
-        render: (forecast) => (
-          <EuiButton
-            onClick={() => this.openSingleMetricView(forecast)}
-            className="view-forecast-btn"
-            isDisabled={forecast.forecast_status !== FORECAST_REQUEST_STATE.FINISHED}
-          >
-            <i aria-hidden="true" className="fa fa-line-chart"/>
-          </EuiButton>
-        )
+        width: '60px',
+        render: (forecast) => {
+          const viewForecastAriaLabel = intl.formatMessage({
+            id: 'xpack.ml.jobsList.jobDetails.forecastsTable.viewAriaLabel',
+            defaultMessage: 'View forecast created at {createdDate}' }, {
+            createdDate: formatDate(forecast.forecast_create_timestamp, TIME_FORMAT)
+          });
+
+          return (
+            <EuiButtonIcon
+              onClick={() => this.openSingleMetricView(forecast)}
+              isDisabled={forecast.forecast_status !== FORECAST_REQUEST_STATE.FINISHED}
+              iconType="stats"
+              aria-label={viewForecastAriaLabel}
+            />
+          );
+        }
       }
     ];
 
     return (
       <EuiInMemoryTable
-        className="forecasts-table"
+        compressed={true}
         items={forecasts}
         columns={columns}
         pagination={{
diff --git a/x-pack/plugins/ml/public/timeseriesexplorer/_index.scss b/x-pack/plugins/ml/public/timeseriesexplorer/_index.scss
index 1be5c3386b7a..236e50dc747b 100644
--- a/x-pack/plugins/ml/public/timeseriesexplorer/_index.scss
+++ b/x-pack/plugins/ml/public/timeseriesexplorer/_index.scss
@@ -1,3 +1,2 @@
-@import 'components/forecasting_modal/index';
 @import 'timeseriesexplorer';
 @import 'timeseriesexplorer_annotations';
diff --git a/x-pack/plugins/ml/public/timeseriesexplorer/components/forecasting_modal/_forecasting_modal.scss b/x-pack/plugins/ml/public/timeseriesexplorer/components/forecasting_modal/_forecasting_modal.scss
deleted file mode 100644
index fe969a5800c5..000000000000
--- a/x-pack/plugins/ml/public/timeseriesexplorer/components/forecasting_modal/_forecasting_modal.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-.forecast-modal {
-  max-width: 860px;
-
-  table tr th:last-child,
-  table tr td:last-child {
-    width: 60px;
-  }
-
-  // SASSTODO: Proper calcs
-  .view-forecast-btn {
-    width: 35px;
-    min-width: 35px;
-    height: 24px;
-
-    .euiButton__content {
-      padding: 0px $euiSizeS;
-    }
-  }
-}
-
diff --git a/x-pack/plugins/ml/public/timeseriesexplorer/components/forecasting_modal/_index.scss b/x-pack/plugins/ml/public/timeseriesexplorer/components/forecasting_modal/_index.scss
deleted file mode 100644
index 67985187665b..000000000000
--- a/x-pack/plugins/ml/public/timeseriesexplorer/components/forecasting_modal/_index.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import 'forecasting_modal';
\ No newline at end of file
diff --git a/x-pack/plugins/ml/public/timeseriesexplorer/components/forecasting_modal/forecasts_list.js b/x-pack/plugins/ml/public/timeseriesexplorer/components/forecasting_modal/forecasts_list.js
index 1e42f7f2ce94..cea169c89e6c 100644
--- a/x-pack/plugins/ml/public/timeseriesexplorer/components/forecasting_modal/forecasts_list.js
+++ b/x-pack/plugins/ml/public/timeseriesexplorer/components/forecasting_modal/forecasts_list.js
@@ -14,7 +14,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 
 import {
-  EuiButton,
+  EuiButtonIcon,
   EuiIcon,
   EuiInMemoryTable,
   EuiText,
@@ -58,14 +58,23 @@ function getColumns(viewForecast) {
       name: i18n.translate('xpack.ml.timeSeriesExplorer.forecastsList.viewColumnName', {
         defaultMessage: 'View'
       }),
-      render: (forecast) => (
-        <EuiButton
-          className="view-forecast-btn"
-          onClick={() => viewForecast(forecast.forecast_id)}
-        >
-          <i aria-hidden="true" className="fa fa-line-chart"/>
-        </EuiButton>
-      )
+      width: '60px',
+      render: (forecast) => {
+        const viewForecastAriaLabel = i18n.translate(
+          'xpack.ml.timeSeriesExplorer.forecastsList.viewForecastAriaLabel', {
+            defaultMessage: 'View forecast created at {createdDate}',
+            values: { createdDate: formatHumanReadableDateTimeSeconds(forecast.forecast_create_timestamp) }
+          }
+        );
+
+        return (
+          <EuiButtonIcon
+            onClick={() => viewForecast(forecast.forecast_id)}
+            iconType="stats"
+            aria-label={viewForecastAriaLabel}
+          />
+        );
+      }
     }
   ];
 }
diff --git a/x-pack/plugins/ml/public/timeseriesexplorer/components/forecasting_modal/modal.js b/x-pack/plugins/ml/public/timeseriesexplorer/components/forecasting_modal/modal.js
index b460ec5f2bf8..7b62a4e49623 100644
--- a/x-pack/plugins/ml/public/timeseriesexplorer/components/forecasting_modal/modal.js
+++ b/x-pack/plugins/ml/public/timeseriesexplorer/components/forecasting_modal/modal.js
@@ -37,7 +37,7 @@ export function Modal(props) {
     <EuiOverlayMask>
       <EuiModal
         onClose={props.close}
-        className="forecast-modal"
+        maxWidth="860px"
       >
 
         <EuiModalHeader>