diff --git a/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx b/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
index febb38531..c3dde5d2e 100644
--- a/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
@@ -29,7 +29,7 @@ function DashboardListItem(props: Props) {
                         <div className="w-9 h-9 rounded-full bg-tealx-lightest flex items-center justify-center mr-2">
                             <Icon name="columns-gap" size="16" color="tealx" />
                         </div>
-                        <div className="color-blue capitalize-first">{dashboard.name}</div>
+                        <div className="link capitalize-first">{dashboard.name}</div>
                     </div>
                 </div>
                 {/* <div><Label className="capitalize">{metric.metricType}</Label></div> */}
diff --git a/frontend/app/components/Dashboard/components/DashboardWidgetGrid/DashboardWidgetGrid.tsx b/frontend/app/components/Dashboard/components/DashboardWidgetGrid/DashboardWidgetGrid.tsx
index 74c1d5c3d..5807e0c3d 100644
--- a/frontend/app/components/Dashboard/components/DashboardWidgetGrid/DashboardWidgetGrid.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardWidgetGrid/DashboardWidgetGrid.tsx
@@ -26,7 +26,7 @@ function DashboardWidgetGrid(props: Props) {
                 icon="no-metrics-chart"
                 title={<span className="text-2xl capitalize-first text-figmaColors-text-primary">Build your dashboard</span>}
                 subtext={
-                    <div className="w-4/5 m-auto"><AddMetricContainer siteId={siteId} /></div>
+                    <div className="w-4/5 m-auto mt-4"><AddMetricContainer siteId={siteId} /></div>
                 }
             >
                 <div className="grid gap-4 grid-cols-4 items-start pb-10" id={props.id}>
diff --git a/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx b/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
index 23bcedb2e..6361f2536 100644
--- a/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
+++ b/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
@@ -49,7 +49,7 @@ function MetricListItem(props: Props) {
             <div className="col-span-3 flex items-start">
                 <div className="flex items-center">
                     <MetricTypeIcon type={metric.metricType} />
-                    <div className="color-blue capitalize-first">
+                    <div className="link capitalize-first">
                         {metric.name}
                     </div>
                 </div>