diff --git a/src/i18n/eng.ts b/src/i18n/eng.ts
index 96978edd..f3ad918b 100644
--- a/src/i18n/eng.ts
+++ b/src/i18n/eng.ts
@@ -248,7 +248,7 @@ export default {
     unread: 'Unread',
     all: 'All',
     read: 'Read',
-    viewALL: 'View All',
+    viewAll: 'View All',
     markAsRead: 'Mark as Read',
   },
 
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 15f3da8f..335924db 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -322,7 +322,7 @@ onMounted(async () => {
                   <q-btn
                     rounded
                     padding="0px 10px"
-                    class="text-weight-medium"
+                    class="text-weight-medium text-capitalize"
                     v-for="(btn, index) in notiMenu"
                     :flat="!btn.active"
                     :unelevated="btn.active"
@@ -407,7 +407,7 @@ onMounted(async () => {
                     flat
                     dense
                     color="info"
-                    class="full-width"
+                    class="full-width text-capitalize"
                     @click="() => $router.push('/notification')"
                   >
                     {{ $t('noti.viewAll') }}