diff --git a/src/pages/Dashboard/Cashflow.vue b/src/pages/Dashboard/Cashflow.vue
index ee2bded5..1632d12c 100644
--- a/src/pages/Dashboard/Cashflow.vue
+++ b/src/pages/Dashboard/Cashflow.vue
@@ -2,7 +2,7 @@
   <div>
     <!-- Title and Period Selector -->
     <div class="flex items-center justify-between">
-      <div class="font-medium text-base">{{ t`Cashflow` }}</div>
+      <div class="font-semibold text-base">{{ t`Cashflow` }}</div>
 
       <!-- Chart Legend -->
       <div class="flex text-base gap-8" v-if="hasData">
diff --git a/src/pages/Dashboard/SectionHeader.vue b/src/pages/Dashboard/SectionHeader.vue
index e3b43ba6..06f02f26 100644
--- a/src/pages/Dashboard/SectionHeader.vue
+++ b/src/pages/Dashboard/SectionHeader.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex items-baseline justify-between">
-    <span class="font-medium text-base"><slot name="title"></slot></span>
+    <span class="font-semibold text-base"><slot name="title"></slot></span>
     <slot name="action"></slot>
   </div>
 </template>
diff --git a/src/pages/Dashboard/UnpaidInvoices.vue b/src/pages/Dashboard/UnpaidInvoices.vue
index 40d8fb08..406d5102 100644
--- a/src/pages/Dashboard/UnpaidInvoices.vue
+++ b/src/pages/Dashboard/UnpaidInvoices.vue
@@ -32,22 +32,22 @@
         <div class="flex justify-between">
           <!-- Paid -->
           <div
-            class="text-sm bold"
+            class="text-sm font-medium"
             :class="{ 'bg-gray-200 text-gray-200 rounded': !invoice.count }"
           >
             {{ fyo.format(invoice.paid, 'Currency') }}
-            <span :class="{ 'text-gray-900': invoice.count }">{{
+            <span :class="{ 'text-gray-900 font-normal': invoice.count }">{{
               t`Paid`
             }}</span>
           </div>
 
           <!-- Unpaid -->
           <div
-            class="text-sm"
+            class="text-sm font-medium"
             :class="{ 'bg-gray-200 text-gray-200 rounded': !invoice.count }"
           >
             {{ fyo.format(invoice.unpaid, 'Currency') }}
-            <span :class="{ 'text-gray-900': invoice.count }">{{
+            <span :class="{ 'text-gray-900 font-normal': invoice.count }">{{
               t`Unpaid`
             }}</span>
           </div>
@@ -153,7 +153,7 @@ export default {
         count: 0,
         unpaidCount: 0,
         paidCount: 0,
-        color: 'gray',
+        color: 'pink',
         periodKey: 'purchaseInvoicePeriod',
         barWidth: 60,
       },