diff --git a/src/views/home.vue b/src/views/home.vue
index b624bd2..47f3b82 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -214,10 +214,12 @@ onMounted(async () => {
           <q-img src="@/assets/sso.png" style="width: 80px" />
 
           <div class="text-white q-ml-md" v-if="$q.screen.gt.md">
-            <div class="text-grey-5 text-caption">
-              Bangkok Metropolitan Administration
+            <div class="text-grey-5 text-caption text-left">
+              ระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร
+            </div>
+            <div class="text-bold text-caption">
+              Human Resource Management System (HRMS)
             </div>
-            <div class="text-bold text-left">Single Sign-On</div>
           </div>
         </div>
         <q-space />
@@ -238,7 +240,11 @@ onMounted(async () => {
       </q-toolbar>
 
       <!-- Title Section -->
-      <div class="text-white text-center" style="margin-top: 80px">
+      <div
+        class="text-white text-center"
+        style="margin-top: 80px"
+        v-if="!$q.screen.gt.sm"
+      >
         <div class="text-bold" :class="!$q.screen.gt.sm ? '' : 'text-h5'">
           ระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร
         </div>
@@ -249,6 +255,7 @@ onMounted(async () => {
 
       <!-- Card Section -->
       <div
+        :style="$q.screen.gt.sm ? 'margin-top: 200px' : ''"
         class="q-mt-xl"
         :class="!$q.screen.gt.md ? 'row justify-center' : ''"
       >