diff --git a/src/pages/Dashboard/dashboard.vue b/src/pages/Dashboard/dashboard.vue
index 9879cb8..69dcd25 100644
--- a/src/pages/Dashboard/dashboard.vue
+++ b/src/pages/Dashboard/dashboard.vue
@@ -59,7 +59,7 @@
                   <v-flex xs12 sm12 md3>
                     <router-link :to="{ name:'Students' }">
                       <v-card class="card pink-bgcolor">
-                        <v-card-title primary-title class="title white--text py-3">Students</v-card-title>
+                        <v-card-title primary-title class="titleCard white--text py-3">Students</v-card-title>
                         <img
                           src="/static/icon/dashboard icons-09.png"
                           class="ml-2"
@@ -74,7 +74,7 @@
                   <v-flex xs12 sm12 md3>
                     <router-link :to="{ name:'Teachers' }">
                       <v-card flat class="card elevation-2 firozi-bgcolor">
-                        <v-card-title primary-title class="title white--text py-3">Teachers</v-card-title>
+                        <v-card-title primary-title class="titleCard white--text py-3">Teachers</v-card-title>
                         <img
                           src="/static/icon/dashboard icons-08.png"
                           class="ml-2"
@@ -90,7 +90,7 @@
                   <v-flex xs12 sm12 md3>
                     <router-link :to="{ name:'Parents' }">
                       <v-card flat class="card yellow darken-3">
-                        <v-card-title primary-title class="title white--text py-3">Parents</v-card-title>
+                        <v-card-title primary-title class="titleCard white--text py-3">Parents</v-card-title>
                         <img
                           src="/static/icon/dashboard icons-07.png"
                           class="ml-3"
@@ -105,7 +105,7 @@
                   <v-flex xs12 sm12 md3>
                     <router-link :to="{ name:'Class' }">
                       <v-card flat class="card darkBlue-bgcolor">
-                        <v-card-title primary-title class="title white--text py-3">Class</v-card-title>
+                        <v-card-title primary-title class="titleCard white--text py-3">Class</v-card-title>
                         <img
                           src="/static/icon/dashboard icons-03.png"
                           width="40"
diff --git a/static/css/custom.css b/static/css/custom.css
index fd53726..511b061 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -310,6 +310,14 @@ table.v-table thead th {
     font-size: 14px !important;
 }
 
+.titleCard {
+    font-size: 20px !important;
+    font-weight: 500;
+    line-height: 1 !important;
+    letter-spacing: 0.02em !important;
+    font-family: 'Roboto', sans-serif !important;
+}
+
 
 /* .v-text-field input {
     text-align: center;