diff --git a/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx b/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx
index dd0ebb1ad..3a9ff8696 100644
--- a/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx
@@ -25,7 +25,7 @@ function DashboardList() {
             title={
               <div className="flex flex-col items-center justify-center">
                 <Icon name="no-dashboard" size={80} color="figmaColors-accent-secondary" />
-                <div className="mt-3 text-xl">You haven't created any dashboards yet</div>
+                <div className="text-center text-gray-600 my-4">You haven't created any dashboards yet</div>
               </div>
             }   
         >
diff --git a/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx b/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx
index 9a6646ad2..0833c3557 100644
--- a/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx
+++ b/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx
@@ -31,7 +31,7 @@ function MetricsList({ siteId }: { siteId: string }) {
             title={
                 <div className="flex flex-col items-center justify-center">
                     <Icon name="no-metrics" size={80} color="figmaColors-accent-secondary" />
-                    <div className="mt-3 text-xl">You haven't created any metrics yet</div>
+                    <div className="text-center text-gray-600 my-4">You haven't created any metrics yet</div>
                 </div>
             }   
         >