diff --git a/public/index.html b/public/index.html
index 8c4703d9..a36afe37 100644
--- a/public/index.html
+++ b/public/index.html
@@ -17,6 +17,7 @@
   <link
     href="https://fonts.googleapis.com/css?family=Open+Sans|Poppins|Raleway|Oswald|Inter|Nunito:wght@100;200;300;400;500;600;700;800;900|Inter:wght@100;200;300;400;500;600;700;800;900|Lato&display=swap"
     rel="stylesheet">
+  <link href="https://rsms.me/inter/inter.css" rel="stylesheet" type="text/css">
   <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
   <link href="%PUBLIC_URL%/style/graphql.css" rel="stylesheet" />
   <!--
diff --git a/src/bento/caseDetailData.js b/src/bento/caseDetailData.js
index b0f389c7..a02d8231 100644
--- a/src/bento/caseDetailData.js
+++ b/src/bento/caseDetailData.js
@@ -87,7 +87,7 @@ const rightPanel = [
         dataField: 'project_start_date',
       },
       {
-        label: 'Project End Datae',
+        label: 'Project End Date',
         dataField: 'project_end_date',
       },
       {
diff --git a/src/bento/dashboardTabData.js b/src/bento/dashboardTabData.js
index fd7f6810..fa81a8d8 100644
--- a/src/bento/dashboardTabData.js
+++ b/src/bento/dashboardTabData.js
@@ -53,42 +53,63 @@ export const tabContainers = [
         link: '/project/{project_id}',
         primary: true,
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'program',
         header: 'Program',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '5%',
+        },
       },
       {
         dataField: 'project_title',
         header: 'Project Title',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '20%',
+        },
       },
       {
         dataField: 'principal_investigators',
         header: 'Principal Investigators',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'program_officers',
         header: 'Program Officers',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'lead_doc',
         header: 'Lead DOC',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'activity_code',
         header: 'Activity Code',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'award_amount',
@@ -104,18 +125,27 @@ export const tabContainers = [
 
           return formatter.format(money);
         },
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'project_end_date',
         header: 'Project End Date',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'fiscal_year',
         header: 'Fiscal Year',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '5%',
+        },
       },
     ],
     id: 'project_tab',
@@ -161,42 +191,76 @@ export const tabContainers = [
         primary: true,
         link: 'https://pubmed.ncbi.nlm.nih.gov/{publication_id}/',
         display: true,
+        headerStyles: {
+          width: '5%',
+        },
       },
       {
         dataField: 'queried_project_ids',
         header: 'Project IDs',
         sort: 'asc',
         display: true,
+        dataTransform: (ids) => {
+          let transformedIds = '';
+
+          for (let i = 0; i < ids.length; i += 1) {
+            if (i === 0) {
+              transformedIds = ids[0];
+            } else {
+              transformedIds = transformedIds + ', ' + ids[i];
+            }
+          }
+
+          return transformedIds;
+        },
+        headerStyles: {
+          width: '15%',
+        },
       },
       {
         dataField: 'title',
         header: 'Title',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '25%',
+        },
       },
       {
         dataField: 'authors',
         header: 'Authors',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '25%',
+        },
       },
       {
         dataField: 'citation_count',
         header: 'Citation Count',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'relative_citation_ratio',
         header: 'Relative Citation Ratio',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'nih_percentile',
         header: 'NIH Percentile',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
     ],
     id: 'publication_tab',
@@ -242,6 +306,9 @@ export const tabContainers = [
         link: '{link}',
         primary: true,
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'link',
@@ -255,42 +322,76 @@ export const tabContainers = [
         header: 'Project IDs',
         sort: 'asc',
         display: true,
+        dataTransform: (ids) => {
+          let transformedIds = '';
+
+          for (let i = 0; i < ids.length; i += 1) {
+            if (i === 0) {
+              transformedIds = ids[0];
+            } else {
+              transformedIds = transformedIds + ', ' + ids[i];
+            }
+          }
+
+          return transformedIds;
+        },
+        headerStyles: {
+          width: '15%',
+        },
       },
       {
         dataField: 'transformed_type',
         header: 'Type',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '5%',
+        },
       },
       {
         dataField: 'title',
         header: 'Title',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '30%',
+        },
       },
       {
         dataField: 'submission_date',
         header: 'Submission Date',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'last_update_date',
         header: 'Last Update Date',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'release_date',
         header: 'Release Date',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'registration_date',
         header: 'Registration Date',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
     ],
     id: 'dataset_tab',
@@ -336,30 +437,58 @@ export const tabContainers = [
         link: 'https://clinicaltrials.gov/ct2/show/{clinical_trial_id}/',
         primary: true,
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'queried_project_ids',
         header: 'Project IDs',
         sort: 'asc',
         display: true,
+        dataTransform: (ids) => {
+          let transformedIds = '';
+
+          for (let i = 0; i < ids.length; i += 1) {
+            if (i === 0) {
+              transformedIds = ids[0];
+            } else {
+              transformedIds = transformedIds + ', ' + ids[i];
+            }
+          }
+
+          return transformedIds;
+        },
+        headerStyles: {
+          width: '15%',
+        },
       },
       {
         dataField: 'title',
         header: 'Title',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '55%',
+        },
       },
       {
         dataField: 'last_update_posted',
         header: 'Last Update Posted',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
       {
         dataField: 'recruitment_status',
         header: 'Recruitment Status',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '10%',
+        },
       },
     ],
     id: 'clinical_trial_tab',
@@ -404,18 +533,40 @@ export const tabContainers = [
         sort: 'asc',
         primary: true,
         display: true,
+        headerStyles: {
+          width: '40%',
+        },
       },
       {
         dataField: 'queried_project_ids',
         header: 'Project IDs',
         sort: 'asc',
         display: true,
+        dataTransform: (ids) => {
+          let transformedIds = '';
+
+          for (let i = 0; i < ids.length; i += 1) {
+            if (i === 0) {
+              transformedIds = ids[0];
+            } else {
+              transformedIds = transformedIds + ', ' + ids[i];
+            }
+          }
+
+          return transformedIds;
+        },
+        headerStyles: {
+          width: '30%',
+        },
       },
       {
         dataField: 'fulfilled_date',
         header: 'Fulfilled Date',
         sort: 'asc',
         display: true,
+        headerStyles: {
+          width: '30%',
+        },
       },
     ],
     id: 'patent_tab',
diff --git a/src/components/Widgets/WidgetView.js b/src/components/Widgets/WidgetView.js
index c7ec22cc..fb08a7a0 100644
--- a/src/components/Widgets/WidgetView.js
+++ b/src/components/Widgets/WidgetView.js
@@ -65,7 +65,7 @@ const styles = (theme) => ({
     margin: '16px auto 0px auto'
   },
   paddedTitle: {
-    margin: '32px 32px 0px 64px',
+    margin: '32px auto 0px auto',
     display: 'flex',
     justifyContent: 'space-between',
     alignItems: 'center',
diff --git a/src/components/serverPaginatedTable/serverPaginatedTable.js b/src/components/serverPaginatedTable/serverPaginatedTable.js
index 0ab713e0..b1a579aa 100644
--- a/src/components/serverPaginatedTable/serverPaginatedTable.js
+++ b/src/components/serverPaginatedTable/serverPaginatedTable.js
@@ -390,6 +390,15 @@ class ServerPaginatedTableView extends React.Component {
       });
       formatedUpdatedData.push(tmp);
     });
+
+    columns.forEach((col, idx) => {
+      if (this.props.headerStyles[idx] !== undefined) {
+        columns[idx].options.setCellHeaderProps = () => ({
+          style: this.props.headerStyles[idx],
+        });
+      }
+    });
+
     return (
       <div>
         <Backdrop
@@ -398,7 +407,7 @@ class ServerPaginatedTableView extends React.Component {
         >
           <CircularProgress />
         </Backdrop>
-        {formatedUpdatedData.length === 0 ? isLoading ? <CircularProgress /> : <div style={{ textAlign: 'center', padding: '25px 0px 10px 0px', color: '#004C73' }}>No Matching Records Found</div> : (
+        {isLoading || this.props.isLoading || data === 'undefined' ? <CircularProgress /> : (
           <CustomDataTable
             data={formatedUpdatedData}
             columns={columns}
diff --git a/src/pages/dashboardTab/components/tabView.js b/src/pages/dashboardTab/components/tabView.js
index 9a79960c..9ddd70f9 100644
--- a/src/pages/dashboardTab/components/tabView.js
+++ b/src/pages/dashboardTab/components/tabView.js
@@ -231,6 +231,10 @@ const TabView = ({
     return column.dataTransform !== undefined;
   });
 
+  const headerStyles = customColumn.columns.map((column) => {
+    return column.headerStyles;
+  });
+
   return (
     <div>
       {/* <Grid item xs={12} className={classes.saveButtonDiv}>
@@ -285,6 +289,7 @@ const TabView = ({
             defaultSortDirection={defaultSortDirection}
             tableDownloadCSV={tableDownloadCSV}
             dataTransformation={dataTransformCallbacks}
+            headerStyles={headerStyles}
           />
         </Grid>
       </Grid>
@@ -336,15 +341,6 @@ const TabView = ({
 };
 
 const styles = () => ({
-
-  link: {
-    color: '#7747ff',
-    textDecoration: 'none',
-
-    '&:hover': {
-      textDecoration: 'underline',
-    },
-  },
   cartlink: {
     fontFamily: 'Lato',
     color: '#3E6886',
@@ -444,12 +440,6 @@ const styles = () => ({
       border: '#03A383 1px solid',
     },
   },
-  externalLinkIcon: {
-    width: '14.5px',
-    verticalAlign: 'sub',
-    marginLeft: '4px',
-    paddingBottom: '2px',
-  },
 });
 
 export default withStyles(styles, { withTheme: true })(TabView);
diff --git a/src/pages/dashboardTab/dashboard.js b/src/pages/dashboardTab/dashboard.js
index eeb05157..0e9825cf 100644
--- a/src/pages/dashboardTab/dashboard.js
+++ b/src/pages/dashboardTab/dashboard.js
@@ -92,6 +92,51 @@ const Dashboard = ({
                           </Grid>
                         );
                       }
+                      if (widget.type === 'donut' && widget.show && data[widget.dataName].length === 0) {
+                        const tmp = [{
+                          group: 'No Data',
+                          subjects: 1,
+                          __typename: 'SearchProjectsReturnObject',
+                        }];
+                        const grayColor = {
+                          odd: [
+                            '#D4D4D4',
+                          ],
+                          even: [
+                            '#D4D4D4',
+                          ],
+                        };
+                        return (
+                          <Grid key={index} item lg={4} md={6} sm={12} xs={12}>
+                            <Widget
+                              title={widget.label}
+                              upperTitle
+                              bodyClass={classes.fullHeightBody}
+                              className={classes.card}
+                              color={theme.palette.lochmara.contrastText}
+                              widgetBorderDivider
+                              customBackGround
+                            >
+                              <div className={classes.widgetMessage}>
+                                <CustomActiveDonut
+                                  data={tmp}
+                                  titleText="No Data"
+                                  width={400}
+                                  height={225}
+                                  innerRadius={50}
+                                  outerRadius={75}
+                                  cx="50%"
+                                  cy="50%"
+                                  textColor={theme.palette.widgetBackground.contrastText}
+                                  colors={grayColor}
+                                  titleLocation="bottom"
+                                  titleAlignment="bottom"
+                                />
+                              </div>
+                            </Widget>
+                          </Grid>
+                        );
+                      }
                       if (widget.type === 'donut' && widget.show && data[widget.dataName].length !== 0) {
                         return (
                           <Grid key={index} item lg={4} md={6} sm={12} xs={12}>
diff --git a/src/pages/dashboardTab/dashboardStyles.js b/src/pages/dashboardTab/dashboardStyles.js
index 10acd20c..4ba733e4 100644
--- a/src/pages/dashboardTab/dashboardStyles.js
+++ b/src/pages/dashboardTab/dashboardStyles.js
@@ -37,6 +37,11 @@ const styles = (theme) => ({
     display: 'flex',
     flexDirection: 'column',
   },
+  widgetMessage: {
+    '& text:nth-of-type(2)': {
+      display: 'none',
+    },
+  },
   paper: {
     textAlign: 'center',
   },
diff --git a/src/pages/landing/components/statsView.js b/src/pages/landing/components/statsView.js
index 908e19ba..ed7ccdd4 100644
--- a/src/pages/landing/components/statsView.js
+++ b/src/pages/landing/components/statsView.js
@@ -163,13 +163,13 @@ const styles = () => ({
     margin: '5px 5px -10px 5px',
   },
   leftGroup: {
-    padding: '36px 290px 36px 150px',
+    padding: '36px 275px 36px 150px',
   },
   leftText: {
     fontFamily: 'Inter',
     color: '#FFFFFF',
     fontSize: '40px',
-    fontWeight: '1000',
+    fontWeight: '800',
     textAlign: 'left',
     lineHeight: '34px',
   },
diff --git a/src/pages/landing/landingView.js b/src/pages/landing/landingView.js
index 6739b320..c856b668 100644
--- a/src/pages/landing/landingView.js
+++ b/src/pages/landing/landingView.js
@@ -14,136 +14,134 @@ import iconAbout from '../../assets/landing/LP_About_Fullarticle.Arrow.svg';
 const LandingView = ({ classes, statsData }) => (
   <div className={classes.page}>
     <div className={classes.container}>
-      <div className={classes.hero}>
-        <Grid container spacing={16} direction="row">
-          <div className={classes.heroImage} />
-          <div className={classes.heroTextContainer}>
-            <div className={classes.heroTextWrapper}>
-              <div className={classes.headerTitle}>
-                {landingPageData.callToActionTitle}
-              </div>
-              <div className={classes.headerContent}>
-                A comprehensive index of programs funded by the National Cancer Institute, devoted to transparency and accuracy of fund allocation and interconnectedness of data output.
-                <br />
-                <br />
-                This
-                <strong> pilot phase </strong>
-                of the site is temporarily limited to data generated through extramural grants from two NCI programs.
-              </div>
-              <div className={classes.headerButtonSection}>
-                <Link to={landingPageData.callToActionLink} className={classes.headerLinkButton}>
-                  <Button className={classes.buttonText}>
-                    {landingPageData.callToActionButtonText}
-                    <img
-                      src={landingPageData.heroExploreButtonArrow.img}
-                      className={classes.smallImage}
-                      alt={landingPageData.heroExploreButtonArrow.alt}
-                      id="buttonArrow"
-                    />
-                  </Button>
-                </Link>
-              </div>
+      <Grid container spacing={16} direction="row">
+        <div className={classes.heroImage} />
+        <div className={classes.heroTextContainer}>
+          <div className={classes.heroTextWrapper}>
+            <div className={classes.headerTitle}>
+              {landingPageData.callToActionTitle}
+            </div>
+            <div className={classes.headerContent}>
+              A comprehensive index of programs funded by the National Cancer Institute, devoted to transparency and accuracy of fund allocation and interconnectedness of data output.
+              <br />
+              <br />
+              This
+              <strong> pilot phase </strong>
+              of the site is temporarily limited to data generated through extramural grants from two NCI programs.
+            </div>
+            <div className={classes.headerButtonSection}>
+              <Link to={landingPageData.callToActionLink} className={classes.headerLinkButton}>
+                <Button className={classes.buttonText}>
+                  {landingPageData.callToActionButtonText}
+                  <img
+                    src={landingPageData.heroExploreButtonArrow.img}
+                    className={classes.smallImage}
+                    alt={landingPageData.heroExploreButtonArrow.alt}
+                    id="buttonArrow"
+                  />
+                </Button>
+              </Link>
             </div>
           </div>
-          <div className={classes.heroImageContainer}>
+        </div>
+        <div className={classes.heroImageContainer}>
+          <img
+            className={classes.bigImage}
+            src={landingPageData.interactiveImg.img}
+            alt={landingPageData.interactiveImg.alt}
+            id="interactive_img"
+          />
+          <div className={classes.INSTextContainer}>
+            <div className={classes.INSTitle}>
+              INS
+            </div>
+          </div>
+          <div className={classes.NCICommunityImgContainer}>
             <img
-              className={classes.bigImage}
-              src={landingPageData.interactiveImg.img}
-              alt={landingPageData.interactiveImg.alt}
+              className={classes.iconImage}
+              src={landingPageData.NCICommunityImg.img}
+              alt={landingPageData.NCICommunityImg.alt}
               id="interactive_img"
             />
-            <div className={classes.INSTextContainer}>
-              <div className={classes.INSTitle}>
-                INS
+          </div>
+          <div className={classes.NCICommunityLinkContainer}>
+            <Link to={landingPageData.nciCommunityLink} className={classes.headerLink}>
+              <div className={classes.iconTextWrapper}>
+                <div className={classes.iconTitle}>
+                  {landingPageData.nciCommunityTitle}
+                </div>
+                <div className={classes.iconContent}>
+                  {landingPageData.nciCommunityDescription}
+                </div>
               </div>
-            </div>
-            <div className={classes.NCICommunityImgContainer}>
-              <img
-                className={classes.iconImage}
-                src={landingPageData.NCICommunityImg.img}
-                alt={landingPageData.NCICommunityImg.alt}
-                id="interactive_img"
-              />
-            </div>
-            <div className={classes.NCICommunityLinkContainer}>
-              <Link to={landingPageData.nciCommunityLink} className={classes.headerLink}>
-                <div className={classes.iconTextWrapper}>
-                  <div className={classes.iconTitle}>
-                    {landingPageData.nciCommunityTitle}
-                  </div>
-                  <div className={classes.iconContent}>
-                    {landingPageData.nciCommunityDescription}
-                  </div>
+            </Link>
+          </div>
+          <div className={classes.AvailableOutputsImgContainer}>
+            <img
+              className={classes.iconImage}
+              src={landingPageData.AvailableOutputsImg.img}
+              alt={landingPageData.AvailableOutputsImg.alt}
+              id="interactive_img"
+            />
+          </div>
+          <div className={classes.AvailableOutputsLinkContainer}>
+            <Link to={landingPageData.availableOutputsLink} className={classes.headerLink}>
+              <div className={classes.iconTextWrapper}>
+                <div className={classes.iconTitle}>
+                  {landingPageData.availableOutputsTitle}
                 </div>
-              </Link>
-            </div>
-            <div className={classes.AvailableOutputsImgContainer}>
-              <img
-                className={classes.iconImage}
-                src={landingPageData.AvailableOutputsImg.img}
-                alt={landingPageData.AvailableOutputsImg.alt}
-                id="interactive_img"
-              />
-            </div>
-            <div className={classes.AvailableOutputsLinkContainer}>
-              <Link to={landingPageData.availableOutputsLink} className={classes.headerLink}>
-                <div className={classes.iconTextWrapper}>
-                  <div className={classes.iconTitle}>
-                    {landingPageData.availableOutputsTitle}
-                  </div>
-                  <div className={classes.iconContent}>
-                    {landingPageData.availableOutputsDescription}
-                  </div>
+                <div className={classes.iconContent}>
+                  {landingPageData.availableOutputsDescription}
                 </div>
-              </Link>
-            </div>
-            <div className={classes.UpdatedMetricsImgContainer}>
-              <img
-                className={classes.iconImage}
-                src={landingPageData.UpdatedMetricsImg.img}
-                alt={landingPageData.UpdatedMetricsImg.alt}
-                id="interactive_img"
-              />
-            </div>
-            <div className={classes.UpdatedMetricsLinkContainer}>
-              <Link to={landingPageData.updatedMetricsLink} className={classes.headerLink}>
-                <div className={classes.iconTextWrapper}>
-                  <div className={classes.iconTitle}>
-                    {landingPageData.updatedMetricsTitle}
-                  </div>
-                  <div className={classes.iconContent}>
-                    {landingPageData.updatedMetricsDescription}
-                  </div>
+              </div>
+            </Link>
+          </div>
+          <div className={classes.UpdatedMetricsImgContainer}>
+            <img
+              className={classes.iconImage}
+              src={landingPageData.UpdatedMetricsImg.img}
+              alt={landingPageData.UpdatedMetricsImg.alt}
+              id="interactive_img"
+            />
+          </div>
+          <div className={classes.UpdatedMetricsLinkContainer}>
+            <Link to={landingPageData.updatedMetricsLink} className={classes.headerLink}>
+              <div className={classes.iconTextWrapper}>
+                <div className={classes.iconTitle}>
+                  {landingPageData.updatedMetricsTitle}
                 </div>
-              </Link>
-            </div>
-            <div className={classes.arrowCommunityImgContainer}>
-              <img
-                className={classes.iconImage}
-                src={landingPageData.arrowCommunityImg.img}
-                alt={landingPageData.arrowCommunityImg.alt}
-                id="interactive_img"
-              />
-            </div>
-            <div className={classes.arrowOutputsImgContainer}>
-              <img
-                className={classes.iconImage}
-                src={landingPageData.arrowOutputsImg.img}
-                alt={landingPageData.arrowOutputsImg.alt}
-                id="interactive_img"
-              />
-            </div>
-            <div className={classes.arrowMetricsImgContainer}>
-              <img
-                className={classes.iconImage}
-                src={landingPageData.arrowMetricsImg.img}
-                alt={landingPageData.arrowMetricsImg.alt}
-                id="interactive_img"
-              />
-            </div>
+                <div className={classes.iconContent}>
+                  {landingPageData.updatedMetricsDescription}
+                </div>
+              </div>
+            </Link>
           </div>
-        </Grid>
-      </div>
+          <div className={classes.arrowCommunityImgContainer}>
+            <img
+              className={classes.iconImage}
+              src={landingPageData.arrowCommunityImg.img}
+              alt={landingPageData.arrowCommunityImg.alt}
+              id="interactive_img"
+            />
+          </div>
+          <div className={classes.arrowOutputsImgContainer}>
+            <img
+              className={classes.iconImage}
+              src={landingPageData.arrowOutputsImg.img}
+              alt={landingPageData.arrowOutputsImg.alt}
+              id="interactive_img"
+            />
+          </div>
+          <div className={classes.arrowMetricsImgContainer}>
+            <img
+              className={classes.iconImage}
+              src={landingPageData.arrowMetricsImg.img}
+              alt={landingPageData.arrowMetricsImg.alt}
+              id="interactive_img"
+            />
+          </div>
+        </div>
+      </Grid>
     </div>
     <div className={classes.whiteSection} />
     <StatsView stats={landingPageData.landingPageStatsBar} statsData={statsData} />
@@ -322,7 +320,7 @@ const styles = () => ({
     paddingTop: '94px',
     fontFamily: 'Inter',
     fontSize: '40px',
-    fontWeight: '1000',
+    fontWeight: '800',
     lineHeight: '34px',
     color: '#000000',
     letterSpacing: '-0px',
@@ -499,31 +497,6 @@ const styles = () => ({
     width: '176px',
     backgroundColor: '#DDA211',
     marginTop: '20px',
-
-  },
-  blueButton: {
-    height: '45px',
-    background: '#0077E3',
-    color: '#FFFFFF',
-    fontFamily: 'Raleway',
-    fontSize: '12px',
-    fontWeight: '600',
-    lineHeight: '25px',
-    paddingLeft: '8px',
-    textDecoration: 'none',
-    letterSpacing: '1px',
-  },
-  blueButtonLeft: {
-    float: 'left',
-  },
-  blueButtonRight: {
-    float: 'left',
-    lineHeight: '44px',
-    marginLeft: '8px',
-    fontFamily: 'Lato',
-    fontSize: '14px',
-    color: '#fff',
-    textTransform: 'uppercase',
   },
   yellowButton: {
     height: '45px',
@@ -540,7 +513,7 @@ const styles = () => ({
   yellowButtonSupport: {
     color: '#FFFFFF',
     fontFamily: 'Raleway',
-    fontSize: '12px',
+    fontSize: '14px',
     fontWeight: '600',
     lineHeight: '25px',
     paddingLeft: '8px',
@@ -606,18 +579,19 @@ const styles = () => ({
     position: 'relative',
     left: '33%',
   },
-
   paddingLeft2: {
     paddingLeft: '2px',
   },
   heroTextContainer: {
     position: 'absolute',
-    width: '400px',
-    margin: 'auto auto auto 435px',
-    left: '12px',
+    width: '1200px',
+    height: '1200px',
+    margin: 'auto',
     right: 0,
+    top: '100px',
+    left: 0,
     '@media (min-width: 900px)': {
-      width: '1050px',
+      width: '906px',
     },
   },
   heroImageContainer: {
diff --git a/src/themes/dark.js b/src/themes/dark.js
index b3600299..59b71d1d 100644
--- a/src/themes/dark.js
+++ b/src/themes/dark.js
@@ -511,6 +511,21 @@ export default {
           paddingLeft: '30px',
         },
       },
+      stackedCommon: {
+        '& span img': {
+          width: '14.5px',
+          verticalAlign: 'sub',
+          marginLeft: '4px',
+          paddingBottom: '2px',
+        },
+        '& a': {
+          color: '#7747ff',
+          textDecoration: 'none',
+          '&:hover': {
+            textDecoration: 'underline',
+          },
+        },
+      },
     },
     MuiExpansionPanel: {
       root: {
diff --git a/src/themes/light.js b/src/themes/light.js
index a59a3e67..7cf625c4 100755
--- a/src/themes/light.js
+++ b/src/themes/light.js
@@ -308,13 +308,11 @@ export default {
     MUIDataTableSelectCell: {
       fixedHeader: {
         position: 'relative',
-
       },
       headerCell: {
         borderTop: '3px solid #42779A',
         color: tableHeaderFontColor,
         backgroundColor: tableHeader,
-
       },
       checkboxRoot: {
         color: 'inherit',
@@ -322,7 +320,6 @@ export default {
           color: '#8DCAFF',
         },
       },
-
     },
     MuiBackdrop: {
       root: {
@@ -363,7 +360,6 @@ export default {
         cursor: 'pointer',
         display: 'inline-flex',
         outline: 'none',
-
       },
     },
     MuiTableSortLabel: {
@@ -435,15 +431,12 @@ export default {
         minHeight: '44px',
       },
       titleText: {
-
         color: tableHeaderFontColor,
-        // fontSize: '25.2pt',
         fontFamily: tableFontFamily,
         letterSpacing: '0.025em',
         fontStyle: 'normal',
       },
     },
-
     MUIDataTableToolbarSelect: {
       root: {
         backgroundColor: tableHeader,
@@ -514,6 +507,21 @@ export default {
           paddingLeft: '30px',
         },
       },
+      stackedCommon: {
+        '& span img': {
+          width: '14.5px',
+          verticalAlign: 'sub',
+          marginLeft: '4px',
+          paddingBottom: '2px',
+        },
+        '& a': {
+          color: '#7747ff',
+          textDecoration: 'none',
+          '&:hover': {
+            textDecoration: 'underline',
+          },
+        },
+      },
     },
     MuiExpansionPanel: {
       root: {