diff --git a/assets/css/style.css b/assets/css/style.css
index 4c10a13..a67ef3c 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -73,6 +73,9 @@
     p,h1,h2,h3,h4,h5,h6,span{
         font-size: 15px;
     }
+    .dropdown-menu {
+        min-width: 205px !important;
+    }
 }
 
 .doted-nav{
diff --git a/pages/setting.vue b/pages/setting.vue
index 5896544..1dc306c 100644
--- a/pages/setting.vue
+++ b/pages/setting.vue
@@ -2,7 +2,7 @@
 <!--  <setting-bar />-->
   <div class="container-fluid">
     <div class="row flex-nowrap">
-      <div class="col-auto col-md-3  px-sm-2 px-0 " style="background-color: #f4f5f7">
+      <div class="col-2 col-md-3  px-sm-2 px-0 " style="background-color: #f4f5f7">
         <div class="d-flex flex-column align-items-center align-items-sm-start px-3 pt-2 text-white min-vh-100">
           <a href="/" class="d-flex align-items-center pb-3 mb-md-0 me-md-auto text-white text-decoration-none">
             <span class=" d-none d-sm-inline pt-3"><img src="~/assets/image/Logo.png" class="img img-fluid"></span>
@@ -180,9 +180,9 @@ import SettingBar from "../components/settingbar";
 export default {
   components: {SettingBar}
 }
-</script>
+</script >
 
-<style>
+<style scoped>
 .list-active{
   border-radius: 10px;
   width: 100% !important;
diff --git a/pages/setting/index.vue b/pages/setting/index.vue
index d295643..4dd3fc4 100644
--- a/pages/setting/index.vue
+++ b/pages/setting/index.vue
@@ -2,15 +2,19 @@
   <div>
       <div class="row justify-content-center">
         <div class="col-12 col-sm-12 col-md-8">
-          <h4 class="fw-bold text-center pt-5">Account
-            <nuxt-link to="/setting/editaccount" class="float-end fs-5 pt-1 text-decoration-none" style="color: #e9c046">Edit</nuxt-link></h4>
-
+          <div class="row">
+            <div class="col-12">
+              <h4 class="fw-bold text-center pt-5">Account
+                <nuxt-link to="/setting/editaccount" class="float-end  pt-1 text-decoration-none" style="color: #e9c046">Edit</nuxt-link>
+              </h4>
+            </div>
+          </div>
             <div class="row pt-4">
-              <div class="col-6 px-0 px-sm-3">
+              <div class="col-6 ">
                 <h5 class="fw-bold text-start text-muted">First Name</h5>
               </div>
-              <div class="col-6 px-0">
-                <h5 class="fw-bold px-0 mx-0 text-end">Michael</h5>
+              <div class="col-6 ">
+                <h5 class="fw-bold  text-end">Michael</h5>
               </div>
             </div>
           <div class="row pt-4">