diff --git a/src/components/CardProfile.vue b/src/components/CardProfile.vue
index d4ccec3ae..7e52a2dbb 100644
--- a/src/components/CardProfile.vue
+++ b/src/components/CardProfile.vue
@@ -134,12 +134,16 @@ watch(
     <div class="col-12"><q-separator /></div>
     <div class="row col-12 q-pa-md">
       <div class="col-12 row bg-white q-col-gutter-md">
-        <div class="col-xs-3 col-sm-2 col-md-1 row">
-          <q-img :src="profile.avatar" v-if="profile.avatar !== ''" />
-          <q-img src="@/assets/avatar_user.jpg" v-else />
+        <div class="col-xs-12 col-sm-1 row">
+          <q-img
+            :src="profile.avatar"
+            v-if="profile.avatar !== ''"
+            style="height: 140px"
+          />
+          <q-img src="@/assets/avatar_user.jpg" v-else style="height: 140px" />
         </div>
-        <div class="col-xs-6 col-sm-3 row">
-          <div class="col-12 q-pl-md">
+        <div class="col-xs-12 col-sm-3 row">
+          <div class="col-12">
             <div class="col-12 text-top">
               {{ props.type == "employee" ? "ตำแหน่ง" : "ตำแหน่งในสายงาน" }}
             </div>
@@ -148,7 +152,7 @@ watch(
             </div>
           </div>
         </div>
-        <div class="col-xs-6 col-sm-3 row">
+        <div class="col-xs-12 col-sm-3 row">
           <div class="col-12">
             <div class="col-12 text-top">
               {{
@@ -162,7 +166,7 @@ watch(
             </div>
           </div>
         </div>
-        <div class="col-xs-6 col-sm-3 row">
+        <div class="col-xs-12 col-sm-5 row">
           <div class="col-12">
             <div class="col-12 text-top">สังกัด</div>
             <div class="col-12 text-detail text-html">