diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 481495d8..5b0b31dd 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -312,7 +312,7 @@ onMounted(async () => {
               style="color: var(--surface-1)"
               @click="notiOpen = !notiOpen"
             >
-              <q-icon name="mdi-bell" size="20px" />
+              <q-icon name="mdi-bell" />
               <q-badge v-if="unread !== 0" rounded floating color="negative">
                 {{ unread }}
               </q-badge>
@@ -355,7 +355,7 @@ onMounted(async () => {
                     >
                       <q-avatar
                         color="positive"
-                        style="height: 30px; width: 30px"
+                        style="height: 36px; width: 36px"
                       >
                         <q-icon color="white" name="mdi-check" />
                       </q-avatar>
@@ -407,12 +407,12 @@ onMounted(async () => {
               <Icon
                 v-if="currentLanguage === 'English'"
                 icon="circle-flags:us"
-                :width="$q.screen.lt.sm ? '28px' : '36px'"
+                :width="$q.screen.lt.sm ? '24px' : '33.6px'"
               />
               <Icon
                 v-else
                 icon="circle-flags:th"
-                :width="$q.screen.lt.sm ? '28px' : '36px'"
+                :width="$q.screen.lt.sm ? '24px' : '33.6px'"
               />
 
               <q-menu