diff --git a/dash/app-elements/dashboard/dashboard-data/partners-data.html b/dash/app-elements/dashboard/dashboard-data/partners-data.html
index e7efacaa..f5e09a08 100644
--- a/dash/app-elements/dashboard/dashboard-data/partners-data.html
+++ b/dash/app-elements/dashboard/dashboard-data/partners-data.html
@@ -129,11 +129,13 @@
           return _(results).reduce((sum, obj)=> {
             let picked = _(obj).pick([
               'shared_with',
-              'total_ct_cp',
+              'total_ct_ytd',
               'hact_values',
               'total_ct_cy',
               'hact_min_requirements',
-              'outstanding_findings'
+              'outstanding_findings',
+              'reported_cy',
+              'planned_engagement'
             ]).value();
             picked = _flattenObject(picked)
             picked['shared_with'] = obj['shared_with']
diff --git a/dash/app-elements/dashboard/dashboard-hact-views/dashboard-hact-detail.html b/dash/app-elements/dashboard/dashboard-hact-views/dashboard-hact-detail.html
index 6cec8f3a..69493cd0 100644
--- a/dash/app-elements/dashboard/dashboard-hact-views/dashboard-hact-detail.html
+++ b/dash/app-elements/dashboard/dashboard-hact-views/dashboard-hact-detail.html
@@ -2,6 +2,7 @@
 <link rel="import" href="../../../../styles/shared-styles.html">
 <link rel="import" href="../../../../styles/list-styles.html">
 <link rel="import" href="../../../../styles/grid-layout-styles.html">
+<link rel="import" href="../../../../styles/hact-tables-styles.html">
 <link rel="import" href="../../../../bower_components/iron-flex-layout/iron-flex-layout-classes.html">
 <link rel="import" href="../../../../bower_components/paper-material/paper-material.html">
 <link rel="import" href="../../../../bower_components/paper-tooltip/paper-tooltip.html">
@@ -18,45 +19,30 @@
 
 <dom-module id="dashboard-hact-detail">
   <template>
-    <style include="shared-styles list-styles grid-layout-styles iron-flex iron-flex-factors iron-flex-alignment">
+    <style include="shared-styles list-styles grid-layout-styles hact-tables-styles iron-flex iron-flex-factors iron-flex-alignment">
       :host {
-        --paper-input-container-label: {
-          margin-left: 34px;
-        };
-        --paper-tooltip-opacity: 1;
-        width: 100%;
+        --paper-material-padding: 0 24px 0 24px;
       }
-
+      
       .hact-list {
         min-width: 1150px;
         overflow: scroll;
         padding: 0;
-      }
-
-      .buffer {
-        background-color: rgb(248, 248, 248);
-        border-left: 1px solid rgba(0, 0, 0, 0.24);
+        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 5px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+        -ms-overflow-style: none;
       }
 
       .detail-list {
         min-width: 1800px;
+        overflow-x: scroll;
+        overflow-y: visible;
+        -ms-overflow-style: none;
       }
 
-      .narrow-col {
-        max-width: 20px;
-      }
-
-      .border-box {
-        box-sizing: border-box;
-      }
-
-      .hact-icon {
-        --iron-icon-height: 12px;
-        --iron-icon-width: 12px;
-      }
-
-      .nowrap {
-        white-space: nowrap;
+      .no-overflow {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: normal;
       }
 
       .group {
@@ -64,267 +50,280 @@
         box-sizing: border-box;
       }
 
-      .right {
-        text-align: right;
-      }
-
       .center {
-        text-align: center;
-      }
-
-      .quarters {
-        align-items: flex-end !important;
+        justify-content: center;
       }
 
       .quarter-heading {
         display: flex;
-        align-items: flex-end;
+        align-items: flex-end !important;
       }
 
-      .quarter-item {
+      .quarter-heading-item {
         border-left: 1px solid rgba(0, 0, 0, 0.24);
         box-sizing: border-box;
       }
 
-      .padding-right-10 {
-        padding-right: 10px;
+      .quarter-item {
+        border-left: 1px solid rgba(0, 0, 0, 0.24);
+        box-sizing: border-box;
+        height: 48px;
       }
 
       .right-side {
         text-align: center;
         border-left: 1px solid rgba(0, 0, 0, 0.24);
         box-sizing: border-box;
+        min-height: 48px;
       }
 
-      .vertical {
-        @apply(--layout-horizontal);
-        @apply(--layout-center);
+      .left-align {
+        justify-content: flex-start !important;
       }
 
-      data-table-row.totals {
-        --primary-background-color: var(--medium-theme-background-color);
-        --custom-style: {
-          background: var(--medium-theme-background-color);
-          border-top: 1px solid rgba(0, 0, 0, 0.24);
-          box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.24);
-        }
+      .border-box {
+        box-sizing: border-box;
       }
 
-      data-table-row.totals > div > div {
+      data-table-row.totals > div > div,
+      data-table-row.totals div div {
         font-weight: 500;
       }
 
-      data-table-row:hover {
-        background: var(--medium-theme-background-color);
-      }
-
-      data-table-row > div[slot="row-data"] > div > div {
-        display: flex;
-        min-height: 48px;
-      }
-
-      data-table-header > data-table-column > data-table-column,
-      data-table-header > div {
+      data-table-row.totals div div div span {
         display: flex;
+        align-items: center;
       }
 
-      data-table-row > div[slot="row-data"] > div > div > div > span,
-      data-table-row > div[slot="row-data"] > div > div > div > div > span,
-      data-table-row > div[slot="row-data"] > div > div > span > span,
-      data-table-row > div[slot="row-data"] > div > div > div > span > span,
-      data-table-header > div > data-table-column > data-table-column {
+      data-table-row > div[slot="row-data"] > div > div > span,
+      data-table-row > div[slot="row-data"] > div > span > span,
+      data-table-header > div > data-table-column > data-table-column,
+      data-table-row div[slot="row-data"] div div span,
+      data-table-row div[slot="row-data"] div:not(:first-child) div,
+      data-table-row div[slot="row-data"] div span span:not(:first-child),
+      data-table-row div[slot="row-data"] div div span:not(:first-child) {
         display: flex;
+        justify-content: center;
         min-height: 48px;
         align-items: center;
-        justify-content: center;
+        height: 48px;
       }
 
       data-table-row > div[slot="row-data"] > div > div > span > span:not(:first-child),
-      data-table-row > div[slot="row-data"] > div > div > div > span > span:not(:first-child)  {
+      data-table-row > div[slot="row-data"] > div > div > div > span > span:not(:first-child),
+      data-table-row > div[slot="row-data"] > div > span > span:not(:first-child),
+      data-table-row div[slot="row-data"] div span span:not(:first-child),
+      data-table-row div[slot="row-data"] div div span:not(:first-child) {
         border-left: 1px solid rgb(227, 227, 227);
         box-sizing: border-box;
       }
 
-      data-table-row > div[slot="row-data"] > div > div > div > div {
-        align-items: center;
-        justify-content: center;
+      .col-75-px {
+        flex: 0 0 75px;
+        max-width: 75px;
       }
 
-      data-table-row > div[slot="row-data"] > div > div > span.centered,
-      data-table-row > div[slot="row-data"] > div > div > div {
-        justify-content: center;
+      .col-555-px {
+        flex: 0 0 555px;
+        max-width: 555px;
       }
 
-      .monetary {
-        text-align: right;
-        justify-content: flex-end !important;
+      .col-10-px {
+        flex: 0 0 10px;
+        max-width: 10px;
       }
 
-      .name {
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        cursor: pointer;
+      .col-40-px {
+        flex: 0 0 40px;
+        max-width: 40px;
+      }
+
+      .col-100-px {
+        flex: 0 0 100px;
+        max-width: 100px;
+      }
+
+      .col-215-px {
+        flex: 0 0 215px;
+        max-width: 215px;
+      }
+
+      .col-160-px {
+        flex: 0 0 160px;
+        max-width: 160px;
+      }
+
+      .col-460-px {
+        flex: 0 0 460px;
+        max-width: 460px;
+      }
+
+      .col-225-px {
+        flex: 0 0 225px;
+        max-width: 225px;
+      }
+
+      @supports (-ms-ime-align:auto) {
+        :host {
+          --paper-material-padding: 12px 24px 0 24px;
+        }
+        .quarter-heading {
+          align-items: inherit !important;
+        }
+      }
+      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+        :host {
+          --paper-material-padding: 12px 24px 0 24px;
+        }
+        .quarter-heading {
+          align-items: inherit !important;
+        }
       }
     </style>
 
     <paper-material id="detail-list" class="hact-list" elevation="1">
       <div id="detail-table" class="detail-list">
-        <!-- row of table headers -->
         <data-table-header no-collapse>
-          <data-table-column class="col-2 layout horizontal" group-heading="blank" transparent>
+          <data-table-column class="col-2 left-align layout horizontal" group-heading="blank" transparent>
             <data-table-column class="col-12 layout padding-right-10 horizontal" id="name" sortable>
               IP Name
             </data-table-column>
           </data-table-column>
-          <div class="col-5 layout horizontal">
-            <data-table-column class="col-4 layout horizontal" group-heading="blank" transparent>
-              <data-table-column class="col-4 vertical nowrap" id="total_ct_cp">
-                Risk Rating
-              </data-table-column>
-              <data-table-column class="col-2 vertical nowrap" id="hact_values.planned_cash_transfer">
-                Flags
-              </data-table-column>
-              <data-table-column class="col-6 monetary vertical padding-right-10 border-box nowrap" id="total_ct_cy">
-                Cash Transfers <br>
-                1 JAN - 31 DEC
-              </data-table-column>
+          <data-table-column class="col-215-px layout horizontal" group-heading="blank" transparent>
+            <data-table-column class="col-75-px vertical no-overflow nowrap" id="total_ct_cp">
+              Risk Rating
             </data-table-column>
-            <data-table-column class="col-8 nowrap" group-heading="PROGRAMMATIC VISITS">
-              <data-table-column class="col-3 vertical monetary padding-right-10 horizontal right-side">
-                Cash Transfers <br>
-                1 OCT - 30 SEP
-              </data-table-column>
-              <data-table-column class="col-3 vertical right-side quarters" id="hact_values.micro_assessment_needed">
+            <data-table-column class="col-40-px vertical nowrap" id="hact_values.planned_cash_transfer">
+              Flags
+            </data-table-column>
+            <data-table-column class="col-100-px monetary vertical padding-right-10 nowrap border-box" id="total_ct_cy">
+              Cash Transfers<br>1 JAN-31 DEC
+            </data-table-column>
+          </data-table-column>
+          <data-table-column class="col-460-px nowrap" group-heading="PROGRAMMATIC VISITS">
+            <data-table-column class="col-100-px vertical monetary padding-right-10 horizontal right-side right">
+              Cash Transfers<br>1 OCT-30 SEP
+            </data-table-column>
+            <data-table-column class="col-160-px vertical right-side quarter-heading" id="hact_values.micro_assessment_needed">
+              Planned<br>
+              <div class="quarter-heading">
+                <span class="col-3">Q1</span>
+                <span class="col-3 quarter-heading-item">Q2</span>
+                <span class="col-3 quarter-heading-item">Q3</span>
+                <span class="col-3 quarter-heading-item">Q4</span>
+              </div>
+            </data-table-column>
+            <data-table-column class="col-40-px nowrap vertical right-side" id="rating">
+              MR
+              <paper-tooltip>Minumum Requirement</paper-tooltip>
+            </data-table-column>
+            <data-table-column class="col-160-px vertical right-side quarter-heading">
+              Completed<br>
+              <div class="quarter-heading">
+                <span class="col-3">Q1</span>
+                <span class="col-3 quarter-heading-item">Q2</span>
+                <span class="col-3 quarter-heading-item">Q3</span>
+                <span class="col-3 quarter-heading-item">Q4</span>
+              </div>
+            </data-table-column>
+          </data-table-column>
+          <data-table-column class="col-555-px layout horizontal" group-heading="SPOT CHECKS">
+              <data-table-column class="col-10-px buffer"></data-table-column>
+            <data-table-column class="col-100-px vertical monetary right-side padding-right-10 right">
+              Liquidations<br>1 OCT-30 SEP
+            </data-table-column>
+              <data-table-column class="col-160-px vertical right-side quarter-heading">
                 Planned <br>
                 <div class="quarter-heading">
                   <span class="col-3">Q1</span>
-                  <span class="col-3 quarter-item">Q2</span>
-                  <span class="col-3 quarter-item">Q3</span>
-                  <span class="col-3 quarter-item">Q4</span>
+                  <span class="col-3 quarter-heading-item">Q2</span>
+                  <span class="col-3 quarter-heading-item">Q3</span>
+                  <span class="col-3 quarter-heading-item">Q4</span>
                 </div>
               </data-table-column>
-              <data-table-column class="col-3 nowrap vertical right-side" id="rating">
-                Minimum <br> Required
-              </data-table-column>
-              <data-table-column class="col-3 vertical right-side quarters">
-                Completed <br>
-                <div class="quarter-heading">
-                  <span class="col-3">Q1</span>
-                  <span class="col-3 quarter-item">Q2</span>
-                  <span class="col-3 quarter-item">Q3</span>
-                  <span class="col-3 quarter-item">Q4</span>
-                </div>
-              </data-table-column>
-            </data-table-column>
-          </div>
-          <div class="col-5 layout horizontal">
-            <data-table-column class="col-8 layout horizontal" group-heading="SPOT CHECKS">
-              <data-table-column class="col-half buffer"></data-table-column>
-              <data-table-column class="col-2 vertical monetary right-side">
-                Liquidations <br>
-                1 Oct - 30 Sep
-              </data-table-column>
-              <div class="col-6 layout horizontal">
-                <data-table-column class="col-6 vertical right-side quarters">
-                  Planned <br>
-                  <div class="quarter-heading">
-                    <span class="col-3">Q1</span>
-                    <span class="col-3 quarter-item">Q2</span>
-                    <span class="col-3 quarter-item">Q3</span>
-                    <span class="col-3 quarter-item">Q4</span>
-                  </div>
-                </data-table-column>
-                <data-table-column class="col-3 vertical right-side">
-                  Minimum <br> Required
+                <data-table-column class="col-40-px vertical right-side">
+                  MR
+                  <paper-tooltip>Minumum Requirement</paper-tooltip>
                 </data-table-column>
-                <data-table-column class="col-3 vertical right-side">
-                  Follow-up <br> Required
+                <data-table-column class="col-75-px vertical right-side">
+                  Follow-up<br>Required
                 </data-table-column>
-              </div>
-              <data-table-column class="col-3 vertical right-side quarters">
-                Completed <br>
+              <data-table-column class="col-160-px vertical right-side quarter-heading">
+                Completed<br>
                 <div class="quarter-heading">
                   <span class="col-3">Q1</span>
-                  <span class="col-3 quarter-item">Q2</span>
-                  <span class="col-3 quarter-item">Q3</span>
-                  <span class="col-3 quarter-item">Q4</span>
+                  <span class="col-3 quarter-heading-item">Q2</span>
+                  <span class="col-3 quarter-heading-item">Q3</span>
+                  <span class="col-3 quarter-heading-item">Q4</span>
                 </div>
               </data-table-column>
-              <data-table-column class="col-half buffer"></data-table-column>
+            <data-table-column class="col-10-px buffer"></data-table-column>
+          </data-table-column>
+          <data-table-column class="col-225-px layout horizontal" group-heading="AUDITS">
+            <data-table-column class="col-75-px right-side" id="hact_values.audits_mr">
+              Required
             </data-table-column>
-            <data-table-column class="col-4 layout horizontal" group-heading="AUDITS">
-              <data-table-column class="col-4 right-side" id="hact_values.audits_mr">
-                Required
-              </data-table-column>
-              <data-table-column class="col-4 right-side" id="hact_values.audits_done">
-                Completed
-              </data-table-column>
-              <data-table-column class="col-4 right-side monetary">
-                Outstanding <br> Findings
-              </data-table-column>
+            <data-table-column class="col-75-px right-side" id="hact_values.audits_done">
+              Completed
             </data-table-column>
-          </div>
+            <data-table-column class="col-75-px right-side monetary right">
+              Outstanding<br>Findings
+            </data-table-column>
+          </data-table-column>
         </data-table-header>
 
         <!--Row of Totals-->
         <data-table-row class="totals" no-collapse>
           <div slot="row-data">
             <div class="col-2 col-data layout horizontal">
-              <div class="col-12 vertical padding-right-10">
+              <div class="col-12 horizontal layout padding-right-10">
                 Total of [[totalResults]] IPs
               </div>
             </div>
-            <div class="col-5 layout horizontal">
-              <div class="col-4 layout horizontal">
-                <div class="col-4 nowrap vertical"></div>
-                <div class="col-2 nowrap vertical"></div>
-                <div class="col-6 monetary padding-right-10 nowrap border-box vertical">$0</div>
+            <div class="col-215-px layout horizontal">
+              <div class="col-75-px nowrap no-overflow vertical"></div>
+              <div class="col-40-px nowrap vertical"></div>
+              <div class="col-100-px monetary padding-right-10 nowrap vertical">$[[currencyFormat(totals.total_ct_ytd)]]</div>
+            </div>
+            <div class="col-460-px layout horizontal">
+              <div class="col-100-px nowrap monetary vertical padding-right-10 right-side">$[[currencyFormat(totals.total_ct_cy)]]</div>
+              <div class="col-160-px vertical right-side">
+                <span class="col-3">[[totals.hact_values_programmatic_visits_planned_q1]]</span>
+                <span class="col-3 right-side">[[totals.hact_values_programmatic_visits_planned_q2]]</span>
+                <span class="col-3 right-side">[[totals.hact_values_programmatic_visits_planned_q3]]</span>
+                <span class="col-3 right-side">[[totals.hact_values_programmatic_visits_planned_q4]]</span>
               </div>
-              <div class="col-8 layout horizontal">
-                <div class="col-3 nowrap monetary vertical padding-right-10 right-side">$[[currencyFormat(totals.total_ct_cy)]]</div>
-                <div class="col-3 vertical right-side quarters">
-                  <span class="col-3">[[totals.hact_values_programmatic_visits_planned_total]]</span>
-                  <span class="col-3 right-side">[[totals.hact_values_programmatic_visits_planned_q2]]</span>
-                  <span class="col-3 right-side">[[totals.hact_values_programmatic_visits_planned_q3]]</span>
-                  <span class="col-3 right-side">[[totals.hact_values_programmatic_visits_planned_q4]]</span>
-                </div>
-                <div class="col-3 nowrap vertical right-side">[[totals.hact_min_requirements_programme_visits]]</div>
-                <div class="col-3 quarters vertical right-side">
-                  <span class="col-3">[[totals.hact_values_programmatic_visits_completed_q1]]</span>
-                  <span class="col-3 right-side">[[totals.hact_values_programmatic_visits_completed_q2]]</span>
-                  <span class="col-3 right-side">[[totals.hact_values_programmatic_visits_completed_q3]]</span>
-                  <span class="col-3 right-side">[[totals.hact_values_programmatic_visits_completed_q4]]</span>
-                </div>
+              <div class="col-40-px nowrap vertical center right-side">[[totals.hact_min_requirements_programme_visits]]</div>
+              <div class="col-160-px vertical right-side">
+                <span class="col-3">[[totals.hact_values_programmatic_visits_completed_q1]]</span>
+                <span class="col-3 right-side">[[totals.hact_values_programmatic_visits_completed_q2]]</span>
+                <span class="col-3 right-side">[[totals.hact_values_programmatic_visits_completed_q3]]</span>
+                <span class="col-3 right-side">[[totals.hact_values_programmatic_visits_completed_q4]]</span>
               </div>
             </div>
-            <div class="col-5 layout horizontal">
-              <div class="col-8 layout horizontal">
-                <div class="col-half buffer"></div>
-                <div class="col-2 right-side right padding-right-10 monetary vertical">$[[totals.liquidations]]</div>
-                <div class="col-6 layout horizontal">
-                  <div class="col-6 right-side right vertical">
-                    <span class="col-3">[[totals.hact_values_spot_checks_planned_q1]]</span>
-                    <span class="col-3 right-side">[[totals.hact_values_spot_checks_planned_q2]]</span>
-                    <span class="col-3 right-side">[[totals.hact_values_spot_checks_planned_q3]]</span>
-                    <span class="col-3 right-side">[[totals.hact_values_spot_checks_planned_q4]]</span>
-                  </div>
-                  <div class="col-3 right-side vertical">[[totals.hact_min_requirements_spot_checks]]</div>
-                  <div class="col-3 right-side vertical">[[totals.hact_values_spot_checks_follow_up_required]]</div>
+            <div class="col-555-px layout horizontal">
+              <div class="col-10-px buffer"></div>
+              <div class="col-100-px right-side right padding-right-10 monetary vertical">$[[currencyFormat(totals.reported_cy)]]</div>
+                <div class="col-160-px right-side right vertical">
+                  <span class="col-3">[[_sumSpotChecks(totals.planned_engagement_spot_check_mr_q1, totals.planned_engagement_spot_check_follow_up_q1)]]</span>
+                  <span class="col-3 right-side">[[_sumSpotChecks(totals.planned_engagement_spot_check_mr_q2, totals.planned_engagement_spot_check_follow_up_q2)]]</span>
+                  <span class="col-3 right-side">[[_sumSpotChecks(totals.planned_engagement_spot_check_mr_q3, totals.planned_engagement_spot_check_follow_up_q3)]]</span>
+                  <span class="col-3 right-side">[[_sumSpotChecks(totals.planned_engagement_spot_check_mr_q4, totals.planned_engagement_spot_check_follow_up_q4)]]</span>
                 </div>
-                <div class="col-3 right-side vertical">
+                  <span class="col-40-px right-side center vertical">[[totals.hact_min_requirements_spot_checks]]</span>
+                  <span class="col-75-px right-side center vertical">[[totals.hact_values_spot_checks_follow_up_required]]</span>
+                <div class="col-160-px right-side vertical">
                   <span class="col-3">[[totals.hact_values_spot_checks_completed_q1]]</span>
                   <span class="col-3 right-side">[[totals.hact_values_spot_checks_completed_q2]]</span>
                   <span class="col-3 right-side">[[totals.hact_values_spot_checks_completed_q3]]</span>
                   <span class="col-3 right-side">[[totals.hact_values_spot_checks_completed_q4]]</span>
                 </div>
-                <div class="col-half buffer"></div>
-              </div>
-              <div class="col-4 layout horizontal">
-                <div class="col-4 right-side vertical">[[totals.hact_values_audits_minimum_requirements]]</div>
-                <div class="col-4 right-side vertical">[[totals.hact_values_audits_completed]]</div>
-                <div class="col-4 right-side monetary vertical">$[[totals.outstanding_findings]]</div>
-              </div>
+              <div class="col-10-px buffer"></div>
+            </div>
+            <div class="col-225-px layout horizontal">
+              <div class="col-75-px right-side center vertical">[[totals.hact_values_audits_minimum_requirements]]</div>
+              <div class="col-75-px right-side center vertical">[[totals.hact_values_audits_completed]]</div>
+              <div class="col-75-px right-side monetary vertical">$[[totals.outstanding_findings]]</div>
             </div>
           </div>
         </data-table-row>
@@ -340,65 +339,59 @@
                   </a>
                 </span>
               </div>
-              <div class="col-5 layout horizontal">
-                <div class="col-4 layout horizontal">
-                  <span class="col-4 nowrap vertical">[[partner.rating]]</span>
-                  <span class="col-2 nowrap vertical">
-                    <div>
-                      <iron-icon id="expiring" class="hact-icon" icon="icons:schedule" hidden="[[!partner.flags.expiring_assessment_flag]]"></iron-icon>
-                      <paper-tooltip hidden="[[!partner.flags.expiring_assessment_flag]]">Micro assessment is expiring soon</paper-tooltip>
-                    </div>
-                    <div>
-                      <iron-icon id="threshold" class="hact-icon" icon="icons:report-problem" hidden="[[!partner.flags.approaching_threshold_flag]]"></iron-icon>
-                      <paper-tooltip hidden="[[!partner.flags.approaching_threshold_flag]]">Micro assessment or audit report has not been submitted through the Auditor Portal</paper-tooltip>
-                    </div>
-                  </span>
-                  <span class="col-6 monetary padding-right-10 nowrap border-box vertical">$0</span>
-                </div>
-                <div class="col-8 layout horizontalr">
-                  <span class="col-3 nowrap monetary padding-right-10 right-side vertical">$[[currencyFormat(partner.total_ct_cy)]]</span>
-                  <span class="col-3 nowrap vertical right-side">
-                    <span class="col-3">[[partner.hact_values.programmatic_visits.planned.total]]</span>
-                    <span class="col-3 quarter-border">[[partner.hact_values.programmatic_visits.planned.q2]]</span>
-                    <span class="col-3 quarter-border">[[partner.hact_values.programmatic_visits.planned.q3]]</span>
-                    <span class="col-3 quarter-border">[[partner.hact_values.programmatic_visits.planned.q4]]</span>
-                  </span>
-                  <span class="col-3 nowrap right-side centered vertical">[[partner.hact_min_requirements.programme_visits]]</span>
-                  <span class="col-3 right-side vertical">
-                    <span class="col-3">[[partner.hact_values.programmatic_visits.completed.q1]]</span>
-                    <span class="col-3 quarter-border">[[partner.hact_values.programmatic_visits.completed.q2]]</span>
-                    <span class="col-3 quarter-border">[[partner.hact_values.programmatic_visits.completed.q3]]</span>
-                    <span class="col-3 quarter-border">[[partner.hact_values.programmatic_visits.completed.q4]]</span>
-                  </span>
-                </div>
-              </div>
-              <div class="col-5 layout horizontal">
-                <div class="col-8 layout horizontal">
-                  <span class="col-half buffer"></span>
-                  <span class="col-2 right-side padding-right-10 monetary vertical">$[[partner.hact_values.spot_checks.liquidations]]</span>
-                  <div class="col-6 layout horizontal">
-                    <span class="col-6 right-side vertical">
-                      <span class="col-3">[[partner.hact_values.spot_checks.planned.q1]]</span>
-                      <span class="col-3 vertical quarter-border">[[partner.hact_values.spot_checks.planned.q2]]</span>
-                      <span class="col-3 quarter-border">[[partner.hact_values.spot_checks.planned.q3]]</span>
-                      <span class="col-3 quarter-border">[[partner.hact_values.spot_checks.planned.q4]]</span>
-                    </span>
-                    <span class="col-3 right-side vertical">[[partner.hact_min_requirements.spot_checks]]</span>
-                    <span class="col-3 right-side vertical">[[partner.hact_values.spot_checks.follow_up_required]]</span>
+              <div class="col-215-px layout horizontal">
+                <span class="col-75-px nowrap no-overflow vertical">[[partner.rating]]</span>
+                <span class="col-40-px nowrap vertical">
+                  <div>
+                    <iron-icon id="expiring" class="hact-icon" icon="icons:schedule" hidden="[[!partner.flags.expiring_assessment_flag]]"></iron-icon>
+                    <paper-tooltip hidden="[[!partner.flags.expiring_assessment_flag]]">Micro assessment is expiring soon</paper-tooltip>
+                  </div>
+                  <div>
+                    <iron-icon id="threshold" class="hact-icon" icon="icons:report-problem" hidden="[[!partner.flags.approaching_threshold_flag]]"></iron-icon>
+                    <paper-tooltip hidden="[[!partner.flags.approaching_threshold_flag]]">Micro assessment or audit report has not been submitted through the Auditor Portal</paper-tooltip>
                   </div>
-                  <span class="col-3 right-side vertical">
-                    <span class="col-3">[[partner.hact_values.spot_checks.completed.q1]]</span>
-                    <span class="col-3 quarter-border">[[partner.hact_values.spot_checks.completed.q2]]</span>
-                    <span class="col-3 quarter-border">[[partner.hact_values.spot_checks.completed.q3]]</span>
-                    <span class="col-3 quarter-border">[[partner.hact_values.spot_checks.completed.q4]]</span>
+                </span>
+                <span class="col-100-px monetary padding-right-10 nowrap vertical">$[[currencyFormat(partner.total_ct_ytd)]]</span>
+              </div>
+              <div class="col-460-px layout horizontal">
+                <span class="col-100-px nowrap monetary padding-right-10 right-side vertical">$[[currencyFormat(partner.total_ct_cy)]]</span>
+                <span class="col-160-px nowrap vertical right-side">
+                  <span class="col-3">[[partner.hact_values.programmatic_visits.planned.q1]]</span>
+                  <span class="col-3 quarter-item">[[partner.hact_values.programmatic_visits.planned.q2]]</span>
+                  <span class="col-3 quarter-item">[[partner.hact_values.programmatic_visits.planned.q3]]</span>
+                  <span class="col-3 quarter-item">[[partner.hact_values.programmatic_visits.planned.q4]]</span>
+                </span>
+                <span class="col-40-px nowrap right-side center vertical">[[partner.hact_min_requirements.programme_visits]]</span>
+                <span class="col-160-px right-side vertical">
+                  <span class="col-3">[[partner.hact_values.programmatic_visits.completed.q1]]</span>
+                  <span class="col-3 quarter-item">[[partner.hact_values.programmatic_visits.completed.q2]]</span>
+                  <span class="col-3 quarter-item">[[partner.hact_values.programmatic_visits.completed.q3]]</span>
+                  <span class="col-3 quarter-item">[[partner.hact_values.programmatic_visits.completed.q4]]</span>
+                </span>
+              </div>
+              <div class="col-555-px layout horizontal"> 
+                  <span class="col-10-px buffer"></span>
+                <span class="col-100-px right-side padding-right-10 monetary vertical">$[[currencyFormat(partner.reported_cy)]]</span>
+                  <span class="col-160-px right-side vertical">
+                    <span class="col-3">[[_sumSpotChecks(partner.planned_engagement.spot_check_mr.q1, partner.planned_engagement.spot_check_follow_up_q1)]]</span>
+                    <span class="col-3 vertical quarter-item">[[_sumSpotChecks(partner.planned_engagement.spot_check_mr.q2, partner.planned_engagement.spot_check_follow_up_q2)]]</span>
+                    <span class="col-3 quarter-item">[[_sumSpotChecks(partner.planned_engagement.spot_check_mr.q3, partner.planned_engagement.spot_check_follow_up_q3)]]</span>
+                    <span class="col-3 quarter-item">[[_sumSpotChecks(partner.planned_engagement.spot_check_mr.q4, partner.planned_engagement.spot_check_follow_up_q4)]]</span>
                   </span>
-                  <span class="col-half buffer"></span>
-                </div>
-                <div class="col-4 layout horizontal">
-                  <span class="col-4 right-side centered vertical">[[partner.hact_values.audits.minimum_requirements]]</span>
-                  <span class="col-4 right-side centered vertical">[[partner.hact_values.audits.completed]]</span>
-                  <span class="col-4 right-side monetary vertical">$[[partner.outstanding_findings]]</span>
-                </div>
+                  <span class="col-40-px right-side center vertical">[[partner.hact_min_requirements.spot_checks]]</span>
+                  <span class="col-75-px right-side center vertical">[[_sumSpotCheckFollowUp(partner.planned_engagement)]]</span>
+                <span class="col-160-px right-side vertical">
+                  <span class="col-3">[[partner.hact_values.spot_checks.completed.q1]]</span>
+                  <span class="col-3 quarter-item">[[partner.hact_values.spot_checks.completed.q2]]</span>
+                  <span class="col-3 quarter-item">[[partner.hact_values.spot_checks.completed.q3]]</span>
+                  <span class="col-3 quarter-item">[[partner.hact_values.spot_checks.completed.q4]]</span>
+                </span>
+                <span class="col-10-px buffer"></span>
+              </div>
+              <div class="col-225-px layout horizontal">
+                <span class="col-75-px right-side center vertical">[[partner.planned_engagement.required_audit]]</span>
+                <span class="col-75-px right-side center vertical">[[partner.hact_values.audits.completed]]</span>
+                <span class="col-75-px right-side monetary vertical">$[[partner.outstanding_findings]]</span>
               </div>
             </div>
           </data-table-row>
@@ -435,6 +428,19 @@
             return toCurrency ? this.currencyFormat(partnerValue) : partnerValue;
           }
         },
+
+        _sumSpotChecks: function(mr, followUp) {
+          return mr + followUp
+        },
+
+        _sumSpotCheckFollowUp: function(planned_engagement) {
+          return (
+            planned_engagement.spot_check_follow_up_q1
+            + planned_engagement.spot_check_follow_up_q2
+            + planned_engagement.spot_check_follow_up_q3
+            + planned_engagement.spot_check_follow_up_q4
+          )
+        },
       });
     })();
 
diff --git a/dash/app-elements/dashboard/dashboard-hact-views/dashboard-hact-general.html b/dash/app-elements/dashboard/dashboard-hact-views/dashboard-hact-general.html
index 7ad009c5..d0ef78ed 100644
--- a/dash/app-elements/dashboard/dashboard-hact-views/dashboard-hact-general.html
+++ b/dash/app-elements/dashboard/dashboard-hact-views/dashboard-hact-general.html
@@ -20,15 +20,17 @@
   <template>
     <style include="shared-styles list-styles grid-layout-styles iron-flex iron-flex-factors iron-flex-alignment">
       :host {
-        --paper-input-container-label: {
+        /* --paper-input-container-label: {
           margin-left: 34px;
-        };
+        }; */
+        --paper-material-padding: 0 24px 0 24px;
         --paper-tooltip-opacity: 1;
         width: 100%;
       }
 
       .hact-list {
         min-width: 1150px;
+        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 5px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);  
       }
 
       .buffer {
@@ -126,66 +128,97 @@
         align-items: center;
       }
 
+      data-table-row div[slot="row-data"] div:nth-of-type(2) span span:not(:last-child) {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+      }
+
+      data-table-row div[slot="row-data"] div:nth-of-type(2) span.right {
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+      }
+
       .name {
-        white-space: nowrap; 
+        white-space: normal; 
         cursor: pointer;
         overflow: hidden;
         text-overflow: ellipsis;
       }
+
+      @supports (-ms-ime-align:auto) {
+        data-table-header {
+          height: 74px;
+          padding-bottom: 0;
+        }
+        :host {
+          --paper-material-padding: 12px 24px 0 24px;
+        }
+      }
+      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+        data-table-header {
+          height: 74px;
+          padding-bottom: 0;
+        }
+        :host {
+          --paper-material-padding: 12px 24px 0 24px;
+        }
+      }
     </style>
 
     <paper-material id="list" class="hact-list" elevation="1">
       <!-- row of table headers -->
       <data-table-header no-collapse>
-        <data-table-column class="col-2 layout horizontal" group-heading="blank" transparent>
+        <data-table-column class="col-3 layout horizontal" group-heading="blank" transparent>
           <data-table-column class="col-12 nowrap vertical padding-right-10 fixed" id="name" sortable>
             IP Name
           </data-table-column>
         </data-table-column>
         <data-table-column class="col-4 layout horizontal" group-heading="blank" transparent>
           <div class="col-6 layout horizontal">
-            <data-table-column class="col-2 nowrap vertical padded" id="partner_type">
-              IP <br> Type
+            <data-table-column class="col-3 nowrap vertical padded" id="partner_type">
+              IP<br>Type
             </data-table-column>
             <data-table-column class="col-3 vertical nowrap" id="shared_partner">
-              Shared <br>
-              IP
+              Shared<br>IP
             </data-table-column>
-            <data-table-column class="col-7 vertical nowrap padded" id="assessment_type">
-              Assessment Type
+            <data-table-column class="col-6 vertical nowrap padded" id="assessment_type">
+              Assessment<br>Type
             </data-table-column>
           </div>
           <div class="col-6 layout horizontal">
             <data-table-column class="col-4 vertical nowrap padded" id="total_ct_cp">
-              Risk Rating
+              Risk<br>Rating
             </data-table-column>
             <data-table-column class="col-2 vertical nowrap padded" id="hact_values.planned_cash_transfer">
               Flags
             </data-table-column>
             <data-table-column class="col-6 right vertical padding-right-10 nowrap" id="total_ct_cy">
-              Cash Transfers <br>
-              1 JAN - 31 DEC
+              Cash Transfers<br>1 JAN-31 DEC
             </data-table-column>
           </div>
         </data-table-column>
-        <div class="col-6 layout horizontal">
+        <div class="col-5 layout horizontal">
           <data-table-column class="col-4 layout horizontal" group-heading="PROGRAMMATIC VISITS">
             <data-table-column class="col-4 nowrap vertical center right-side" id="hact_values.micro_assessment_needed">
               Planned
             </data-table-column>
-            <data-table-column class="col-4 nowrap vertical center right-side" id="rating">
-              Minimum <br> Required
+            <data-table-column class="col-3 nowrap vertical center right-side" id="rating">
+              MR
+              <paper-tooltip>Minimum Required</paper-tooltip>
             </data-table-column>
-            <data-table-column class="col-4 vertical center right-side">
+            <data-table-column class="col-5 vertical center right-side">
               Completed
             </data-table-column>
           </data-table-column>
           <data-table-column class="col-3 layout horizontal" group-heading="SPOT CHECKS">
             <data-table-column class="col-half vertical center buffer right-side"></data-table-column>
-            <data-table-column class="col-5 vertical center right-side">
-              Minimum <br> Required
+            <data-table-column class="col-4 vertical center right-side">
+              MR
+              <paper-tooltip>Minimum Required</paper-tooltip>
             </data-table-column>
-            <data-table-column class="col-6 vertical center right-side">
+            <data-table-column class="col-7 vertical center right-side">
               Completed
             </data-table-column>
             <data-table-column class="col-half vertical center buffer right-side"></data-table-column>
@@ -198,7 +231,7 @@
               Completed
             </data-table-column>
             <data-table-column class="col-4 vertical monetary right-side">
-              Outstanding <br> Findings
+              Outstanding<br>Findings
             </data-table-column>
           </data-table-column>
         </div>
@@ -207,33 +240,33 @@
       <!--Row of Totals-->
       <data-table-row class="totals" no-collapse>
         <div slot="row-data">
-          <div class="col-2 layout horizontal">
+          <div class="col-3 layout horizontal">
             <span class="col-12 col-data padding-right-10 vertical fixed">
               Total of [[totalResults]] IPs
             </span>
           </div>
           <div class="col-4 layout horizontal">
             <span class="col-6 layout horizontal">
-              <span class="col-2 col-data vertical"></span>
+              <span class="col-3 col-data vertical"></span>
               <span class="col-3 col-data vertical">[[totals.shared_with]]</span>
-              <span class="col-7 col-data vertical"></span>
+              <span class="col-6 col-data vertical"></span>
             </span>
             <span class="col-6 layout horizontal">
               <span class="col-4 col-data vertical"></span>
               <span class="col-2 col-data vertical"></span>
-              <span class="col-6 col-data padding-right-10 right">$0</span>
+              <span class="col-6 col-data padding-right-10 right">$[[currencyFormat(totals.total_ct_ytd)]]</span>
             </span>
           </div>
-          <div class="col-6 layout horizontal">
+          <div class="col-5 layout horizontal">
             <div class="col-4 layout horizontal group">
               <span class="col-4 right-side">[[totals.hact_values_programmatic_visits_planned_total]]</span>
-              <span class="col-4 right-side">[[totals.hact_min_requirements_programme_visits]]</span>
-              <span class="col-4 right-side">[[totals.hact_values_programmatic_visits_completed_total]]</span>
+              <span class="col-3 right-side">[[totals.hact_min_requirements_programme_visits]]</span>
+              <span class="col-5 right-side">[[totals.hact_values_programmatic_visits_completed_total]]</span>
             </div>
             <div class="col-3 layout horizontal group">
               <span class="col-half right-side"></span>
-              <span class="col-5 right-side">[[totals.hact_min_requirements_spot_checks]]</span>
-              <span class="col-6 right-side">[[totals.hact_values_spot_checks_completed_total]]</span>
+              <span class="col-4 right-side">[[totals.hact_min_requirements_spot_checks]]</span>
+              <span class="col-7 right-side">[[totals.hact_values_spot_checks_completed_total]]</span>
               <span class="col-half right-side"></span>
             </div>
             <div class="col-5 layout horizontal group">
@@ -248,8 +281,8 @@
       <template is="dom-repeat" items="[[filteredPartners]]" as="partner">
         <data-table-row no-collapse>
           <div slot="row-data">
-            <div class="col-2 layout horizontal">
-              <span class="col-12 col-data name padding-right-10 fixed">
+            <div class="col-3 layout horizontal">
+              <span class="col-12 col-data name padding-right-10">
                 <a on-tap="_goToPage" id="[[partner.id]]">
                   [[partner.name]]
                   <paper-tooltip>[[partner.name]]</paper-tooltip>
@@ -258,14 +291,14 @@
             </div>
             <div class="col-4 layout horizontal">
               <span class="col-6 layout horizontal">
-                <span class="col-2 col-data">[[partner.partner_type_slug]]
+                <span class="col-3 col-data">[[partner.partner_type_slug]]
                   <paper-tooltip>[[partner.partner_type]]</paper-tooltip>
                 </span>
                 <span class="col-3 col-data">[[_checkForValue(partner.shared_with)]]</span>
-                <span class="col-7 col-data">[[partner.type_of_assessment]]</span>
+                <span class="col-6 col-data padded name">[[partner.type_of_assessment]]</span>
               </span>
               <span class="col-6 layout horizontal">
-                <span class="col-4 col-data">[[partner.rating]]</span>
+                <span class="col-4 ellipsis col-data">[[partner.rating]]</span>
                 <span class="col-2 col-data">
                   <div>
                     <iron-icon id="expiring" class="hact-icon" icon="icons:schedule" hidden="[[!partner.flags.expiring_assessment_flag]]"></iron-icon>
@@ -276,19 +309,19 @@
                     <paper-tooltip hidden="[[!partner.flags.approaching_threshold_flag]]">Micro assessment or audit report has not been submitted through the Auditor Portal</paper-tooltip>
                   </div>
                 </span>
-                <span class="col-6 col-data right padding-right-10">$0</span>
+                <span class="col-6 col-data right padding-right-10">$[[currencyFormat(partner.total_ct_ytd)]]</span>
               </span>
             </div>
-            <div class="col-6 layout horizontal">
+            <div class="col-5 layout horizontal">
               <div class="col-4 layout horizontal group">
                 <span class="col-4 col-data right-side">[[_getGovernmentDisplay(partner,'hact_values.programmatic_visits.planned.total')]]</span>
-                <span class="col-4 col-data right-side">[[partner.hact_min_requirements.programme_visits]]</span>
-                <span class="col-4 col-data right-side">[[partner.hact_values.programmatic_visits.completed.total]]</span>
+                <span class="col-3 col-data right-side">[[partner.hact_min_requirements.programme_visits]]</span>
+                <span class="col-5 col-data right-side">[[partner.hact_values.programmatic_visits.completed.total]]</span>
               </div>
               <div class="col-3 layout horizontal group">
                 <span class="col-half right-side buffer"></span>
-                <span class="col-5 col-data right-side">[[partner.hact_min_requirements.spot_checks]]</span>
-                <span class="col-6 col-data right-side">[[partner.hact_values.spot_checks.completed.total]]</span>
+                <span class="col-4 col-data right-side">[[_sumSpotCheckRequired(partner)]]</span>
+                <span class="col-7 col-data right-side">[[partner.hact_values.spot_checks.completed.total]]</span>
                 <span class="col-half right-side buffer"></span>
               </div>
               <div class="col-5 layout horizontal group">
@@ -332,6 +365,16 @@
             return toCurrency ? this.currencyFormat(partnerValue) : partnerValue;
           }
         },
+
+        _sumSpotCheckRequired: function(partner) {
+          return (
+            partner.planned_engagement.spot_check_follow_up_q1
+            + partner.planned_engagement.spot_check_follow_up_q2
+            + partner.planned_engagement.spot_check_follow_up_q3
+            + partner.planned_engagement.spot_check_follow_up_q4
+            + partner.hact_min_requirements.spot_checks
+          )
+        },
       });
     })();
 
diff --git a/dash/app-elements/dashboard/dashboard-hact.html b/dash/app-elements/dashboard/dashboard-hact.html
index c0d3457d..4c7dcb8e 100644
--- a/dash/app-elements/dashboard/dashboard-hact.html
+++ b/dash/app-elements/dashboard/dashboard-hact.html
@@ -8,7 +8,10 @@
 <link rel="import" href="../../../bower_components/paper-tooltip/paper-tooltip.html">
 <link rel="import" href="../../../bower_components/iron-icon/iron-icon.html">
 <link rel="import" href="../../../bower_components/etools-dropdown/etools-dropdown.html">
+<link rel="import" href="../../../bower_components/etools-dialog/etools-dialog.html">
+<link rel="import" href="../../../bower_components/etools-dialog/dynamic-dialog-behavior.html">
 <link rel="import" href="../../app-config/etools-app-config.html">
+<link rel="import" href="../../../bower_components/paper-dialog/paper-dialog.html">
 
 <link rel="import" href="dashboard-hact-views/dashboard-hact-detail.html">
 <link rel="import" href="dashboard-hact-views/dashboard-hact-charts.html">
@@ -38,11 +41,15 @@
       }
 
       .detail-btn {
-        height: 20px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 36px;
       }
 
       paper-material.detail-btn {
         padding-top: 0;
+        padding-bottom: 0;
       }
 
       .search-bar {
@@ -51,22 +58,19 @@
         box-sizing: border-box;
       }
 
-      #center-toggle {
-        width: 100%;
-        text-align: center;
-      }
-
-      #toggle {
+      .toggle {
         font-size: 12px;
         cursor: pointer;
         font-weight: 500;
+        top: 10px;
+        z-index: 1;
       }
 
       .view-toggle {
         display: flex;
         justify-content: flex-end;
         align-items: center;
-        padding-bottom: 24px;
+        padding-bottom: 12px;
       }
 
       paper-button.curved-left {
@@ -95,11 +99,19 @@
         background: rgb(255, 255, 255) !important;
       }
 
+      .sources-button {
+        --iron-icon-fill-color: rgb(26, 155, 252);
+      }
+
       paper-button.detailed-assurance {
         border-radius: 50px;
         background: rgb(255, 255, 255);
         cursor: pointer;
       }
+
+      #sources-btn {
+        margin-right: auto;
+      }
     </style>
     <app-route
         route="{{route}}"
@@ -115,12 +127,12 @@
     </partners-data>
     <div class="view-toggle">
       <paper-button id="assurancePlan" on-tap="_toggleChartsView" name="assurance" noink class="curved-left">
-        <iron-icon class="dark" icon="list"></iron-icon>
+        <iron-icon class="dark" name="assurance" icon="list"></iron-icon>
         ASSURANCE PLAN
       </paper-button>
       <paper-button id="dashboardCharts" on-tap="_toggleChartsView"  name="charts" noink
                     class="curved-right">
-        <iron-icon class="dark" icon="assessment"></iron-icon>
+        <iron-icon class="dark" name="charts" icon="assessment"></iron-icon>
         DASHBOARD
       </paper-button>
     </div>
@@ -140,11 +152,9 @@
         </paper-material>
 
         <paper-material class="hact-list detail-btn" elevation="1">
-          <div id="center-toggle">
-            <paper-button on-tap="_detailToggle" id="toggle" noink>
+            <paper-button on-tap="_detailToggle" class="toggle" noink>
               <a class="detailed-assurance">SHOW DETAILED ASSURANCE</a>
             </paper-button>
-          </div>
         </paper-material>
 
         <iron-pages id="assurance"
@@ -339,8 +349,11 @@
         },
 
         _toggleChartsView: function({target}) {
+          const name = target.getAttribute('name');
           let pages = Polymer.dom(this.root).querySelectorAll('iron-pages');
-          pages[0].selectNext();
+          if (name != this.hactPage) {
+            pages[0].selectNext();
+          }
         },
 
         _detailToggle: function() {
diff --git a/dash/app-elements/data-table/data-table-header.html b/dash/app-elements/data-table/data-table-header.html
index 9a2fd1af..8e7d2f62 100644
--- a/dash/app-elements/data-table/data-table-header.html
+++ b/dash/app-elements/data-table/data-table-header.html
@@ -13,15 +13,13 @@
       }
 
       paper-material {
-        padding: 20px 24px 0 24px;
-        /* height: 118px; */
+        padding: var(--paper-material-padding, 20px 24px 0 24px);
         background-color: var(--primary-background-color, #FFFFFF);
         @apply(--data-table-header);
       }
 
       #title {
         width: 100%;
-        /* height: 64px; */
         line-height: 64px;
         font-size: 20px;
         color: var(--primary-text-color, rgba(0, 0, 0, 0.87));
diff --git a/dash/pages/page-dashboard.html b/dash/pages/page-dashboard.html
index 23cb218f..d25cf718 100644
--- a/dash/pages/page-dashboard.html
+++ b/dash/pages/page-dashboard.html
@@ -43,6 +43,9 @@
       etools-dropdown {
         max-width: 100px;
       }
+      .page[name="hact"] {
+        padding-top: 12px;
+      }
     </style>
 
     <app-route
diff --git a/styles/hact-tables-styles.html b/styles/hact-tables-styles.html
new file mode 100644
index 00000000..da75cc8a
--- /dev/null
+++ b/styles/hact-tables-styles.html
@@ -0,0 +1,88 @@
+<link rel="import" href="../bower_components/polymer/polymer.html">
+
+<dom-module id="hact-tables-styles">
+  <template>
+    <style>
+      :host {
+        --paper-input-container-label: {
+          margin-left: 34px;
+        }
+        --paper-tooltip-opacity: 1;
+        width: 100%;
+      }
+
+      .buffer {
+        background-color: rgb(248, 248, 248);
+        border-left: 1px solid rgba(0, 0, 0, 0.24);
+      }
+
+      .hact-icon {
+        --iron-icon-height: 12px;
+        --iron-icon-width: 12px;
+      }
+
+      .nowrap {
+        white-space: nowrap;
+      }
+
+      .right {
+        text-align: right !important;
+        justify-content: flex-end !important;
+      }
+
+      .padding-right-10 {
+        padding-right: 10px;
+      }
+
+      .vertical {
+        @apply(--layout-horizontal);
+        @apply(--layout-center);
+      }
+
+      data-table-row.totals {
+        --primary-background-color: var(--medium-theme-background-color);
+        --custom-style: {
+          background: var(--medium-theme-background-color);
+          border-top: 1px solid rgba(0, 0, 0, 0.24);
+          box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.24);
+        }
+      }
+
+      data-table-row:hover {
+        background: var(--medium-theme-background-color);
+      }
+
+      .monetary {
+        box-sizing: border-box;
+        justify-content: flex-end !important;
+        text-align: right;
+      }
+
+      .name {
+        white-space: normal !important; 
+        overflow: hidden;
+        text-overflow: ellipsis;
+        cursor: pointer;
+        padding-right: 10px;
+      }
+
+      .no-padding {
+        padding: var(--paper-material-padding, 0 24px 0 24px);
+      }
+
+      /* support for IE */
+      @supports (-ms-ime-align:auto) {
+        data-table-header {
+          height: 74px;
+          /* padding-top: 20px; */
+        }
+      }
+      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+        data-table-header {
+          height: 74px;
+          /* padding-top: 20px; */
+        }
+      }
+    </style>
+  </template>
+</dom-module>
\ No newline at end of file