diff --git a/src/components/OverviewCard.tsx b/src/components/OverviewCard.tsx
index 5bbb75ca..dd58dec6 100644
--- a/src/components/OverviewCard.tsx
+++ b/src/components/OverviewCard.tsx
@@ -31,10 +31,15 @@ const OverviewCard: React.FC<OverviewCardProps> = ({ label, value }) => {
           color={`${theme.palette.warning[400]}`}
           variant="h6"
           fontWeight={600}
+          sx={{ fontSize: '11px', color: '#7C766F' }}
         >
           {label}
         </Typography>
-        <Typography variant="h2" fontWeight={500}>
+        <Typography
+          variant="h2"
+          sx={{ color: '#1F1B13', fontSize: '16px', fontWeight: '500' }}
+          fontWeight={500}
+        >
           {value}
         </Typography>
       </Box>
diff --git a/src/pages/attendance-overview.tsx b/src/pages/attendance-overview.tsx
index b507c0a1..9520f08d 100644
--- a/src/pages/attendance-overview.tsx
+++ b/src/pages/attendance-overview.tsx
@@ -55,7 +55,9 @@ const AttendanceOverview: React.FC<AttendanceOverviewProps> = () => {
   const [displayStudentList, setDisplayStudentList] = React.useState<
     Array<any>
   >([]);
-  const [selectedValue, setSelectedValue] = React.useState<string>( t('COMMON.AS_OF_TODAY'));
+  const [selectedValue, setSelectedValue] = React.useState<string>(
+    t('COMMON.AS_OF_TODAY')
+  );
 
   const theme = useTheme<any>();
   const pathname = usePathname();
@@ -326,7 +328,10 @@ const AttendanceOverview: React.FC<AttendanceOverviewProps> = () => {
       <Box display={'flex'} className="card_overview">
         <Grid container spacing={0}>
           <Grid item xs={5}>
-            <OverviewCard label="ATTENDANCE.CENTER_ATTENDANCE" value="71%" />
+            <OverviewCard
+              label={t('ATTENDANCE.CENTER_ATTENDANCE')}
+              value="71%"
+            />
           </Grid>
           <Grid item xs={7}>
             <OverviewCard
diff --git a/src/styles/globals.css b/src/styles/globals.css
index f0f3bee4..8941cff2 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -312,8 +312,9 @@ main {
   font-size: 11px;
 }
 .card_overview div div h2 {
-  font-size: 12px;
-  line-height: 16px;
+  font-size: 16px;
+  line-height: 24px;
+  margin-top: 4px;
 }
 
 .linerGradient {