diff --git a/src/views/payment/PricingPlan.scss b/src/views/payment/PricingPlan.scss
index 1d2474b..2dd1ce2 100644
--- a/src/views/payment/PricingPlan.scss
+++ b/src/views/payment/PricingPlan.scss
@@ -49,13 +49,18 @@
     width: 88px;
   }
 }
-
+#modal-1 {
+  padding-left: 0 !important;
+}
 .payment-modal {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 0 60px;
+  @media (max-width: 500px) {
+    padding: 0 10px;
+  }
 }
 .modal-header {
   border-bottom: none;
diff --git a/src/views/payment/PricingPlan.vue b/src/views/payment/PricingPlan.vue
index 1af93d4..229338c 100644
--- a/src/views/payment/PricingPlan.vue
+++ b/src/views/payment/PricingPlan.vue
@@ -86,7 +86,7 @@
             >Please input card number</div>
           </div>
           <div class="row">
-            <div class="col-sm-6">
+            <div class="col-6">
               <div class="form-group">
                 <label for="name">Expiration month</label>
                 <input
@@ -104,7 +104,7 @@
                 >Please input expiration month</div>
               </div>
             </div>
-            <div class="col-sm-6">
+            <div class="col-6">
               <div class="form-group">
                 <label for="name">Expiration year</label>
                 <input
@@ -124,7 +124,7 @@
             </div>
           </div>
           <div class="row">
-            <div class="col-sm-6">
+            <div class="col-6">
               <div class="form-group">
                 <label for="name">First Name</label>
                 <input
@@ -142,7 +142,7 @@
                 >Please input First Name</div>
               </div>
             </div>
-            <div class="col-sm-6">
+            <div class="col-6">
               <div class="form-group">
                 <label for="name">Last Name</label>
                 <input
@@ -209,7 +209,7 @@
               </div>
             </div>
           </div>
-          <div class="d-flex justify-content-end align-items-center mb-5">
+          <div class="d-flex justify-content-end align-items-center mb-2 mb-md-5">
             <i class="fa fa-close"></i>
             <button class="btn btn-link mr-3" v-on:click="hideModal()">Revert</button>
             <button class="btn btn-primary min-width-124px" v-on:click="saveData()">Save</button>
diff --git a/src/views/profile/Account.vue b/src/views/profile/Account.vue
index ed09005..0e2e1f5 100644
--- a/src/views/profile/Account.vue
+++ b/src/views/profile/Account.vue
@@ -288,7 +288,7 @@ export default {
         "img/avatars/suzanne@3x.png",
       ],
       avatar: "img/avatars/510-510.png",
-      selected_avatar: "img/avatars/510-510.png",
+      selected_avatar: "img/avatars/suzanne@3x.png",
       showOldPwd: false,
       showNewPwd: false,
       showNewConfirm: false,
@@ -323,11 +323,9 @@ export default {
       this.$refs['cropper'].rotate(rotationAngle);
     },
     saveAvatar() {
-      this.selected_avatar = this.avatar;
       this.$refs['change-avatar-modal'].hide();
     },
     changeAvatar() {
-      this.avatar = this.selected_avatar;
       this.$refs['change-avatar-modal'].show();
     },
     changePassword() {
diff --git a/src/views/profile/Signature.scss b/src/views/profile/Signature.scss
index cb38a57..df0f08f 100644
--- a/src/views/profile/Signature.scss
+++ b/src/views/profile/Signature.scss
@@ -225,7 +225,7 @@
   }
 }
 #create-signature-modal{
-  padding-left: 0;
+  padding-left: 0 !important;
   .modal-dialog {
     width: 924px;    
     @media (max-width: 600px) {
diff --git a/src/views/profile/Signature.vue b/src/views/profile/Signature.vue
index 3e47825..25610a6 100644
--- a/src/views/profile/Signature.vue
+++ b/src/views/profile/Signature.vue
@@ -91,21 +91,21 @@
       <div class="create-signature-modal">
         <div class="title">Create Your Signature</div>
         <div class="row mb-4">
-          <div class="col-12 col-sm-4">
+          <div class="col-4 pr-0 pr-md-3">
             <b-button
               :variant="sign_type == 1?'primary':'outline-primary'"
               v-on:click="sign_type = 1"
               block
             >Choose</b-button>
           </div>
-          <div class="col-12 col-sm-4">
+          <div class="col-4 px-2 px-md-3">
             <b-button
               :variant="sign_type == 0?'primary':'outline-primary'"
               v-on:click="sign_type = 0"
               block
             >Draw</b-button>
           </div>
-          <div class="col-12 col-sm-4">
+          <div class="col-4 pl-0 pl-md-3">
             <b-button
               :variant="sign_type == 2?'primary':'outline-primary'"
               v-on:click="sign_type = 2"
@@ -150,21 +150,21 @@
           <div class="col-12">
             <hr class="w-100" />
             <div class="row">
-              <div class="col-6 col-sm-4 col-lg-2">
+              <div class="col-12 col-sm-4 col-lg-2">
                 <UserSelect
                   v-bind:value="language"
                   v-bind:items="['English', 'Korean', 'Japanese']"
                   @changeValue="language = $event"
                 />
               </div>
-              <div class="col-6">
+              <div class="col-8 col-sm-6">
                 <div class="form-group">
                   <input type="text" class="form-control" id="signature" placeholder="signature"
                     name="signature" v-model="signature" v-on:keyup="changeName"
                   />
                 </div>
               </div>
-              <div class="col-4 ">
+              <div class="col-4">
                 <div class="form-group">
                   <input
                     type="text"