diff --git a/src/App.vue b/src/App.vue
index 94d49230e0c8f941740fa1ebcbc8d41484aced92..bc89e5bbfae5104184a782f2a5bef53d47d02875 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -24,6 +24,7 @@ export default {
 html,
 body {
   height: 100%;
+  width: 100%;
 }
 
 .text-blue {
diff --git a/src/components/Modal.vue b/src/components/Modal.vue
index 68c688394c1c04985e3dc50a509c490d4296f770..6d0a128b17765b62c27c83ea09083397873f1e5b 100644
--- a/src/components/Modal.vue
+++ b/src/components/Modal.vue
@@ -98,10 +98,6 @@
     background: transparent;
   }
 
-  .btn-green {
-    color: white;
-    background: #6992b4;
-    border: 1px solid #6992b4;
-    border-radius: 2px;
-  }
+  
+
 </style>
\ No newline at end of file
diff --git a/src/components/header.vue b/src/components/header.vue
index 6f2ed12b92e899586b3faf6d4e7c3456b61acf78..95c353fee876b431d42d6dbd3b26fb5986f2bcc0 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -157,7 +157,7 @@ export default {
 .profile-modal{
   width: 20em;
   height: 35em;
-  transform: translate(110%, -80%);
+  transform: translate(150%, -80%);
 }
 
 .btn-red {
diff --git a/src/components/passinput.vue b/src/components/passinput.vue
index 9ef45843e96cf77a2f78bb02c959b224bfc40953..d4a6c480d1974082d17cbfdd1d1def6b944db729 100644
--- a/src/components/passinput.vue
+++ b/src/components/passinput.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="mb-3 me-3">
         <label  :for="id" class="text-blue pe-2">{{title}}</label>
-        <button type="button" @click="switchVisibility" style="border: none; background-color: white; color: #6992b4">
+        <button type="button" @click="switchVisibility" style="border: none; background-color: transparent; color: #6992b4">
             <i :class="icon" ></i>
         </button>
         <input :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" :type="passwordFieldType" id="id" class="form-control" required>
diff --git a/src/router/index.js b/src/router/index.js
index 6406aa92b3ea46b72b575dfc0cb197a428a6047b..b7abd14e7f4ab95d7e80fe80ca43f63598005222 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,5 +1,5 @@
 import { createRouter, createWebHistory } from "vue-router";
-import Home from "../views/Home.vue";
+//import Home from "../views/Home.vue";
 import ProfilUser from "../views/ProfilUser.vue";
 import ProfilAdmin from "../views/ProfilAdmin.vue";
 import ChangePass from "../views/ChangePass.vue";
@@ -25,11 +25,11 @@ import ResponseDetail from "../views/ResponseDetail.vue";
 import ResponseEmployee from "../views/ResponseEmployee.vue";
 
 const routes = [
-  {
-    path: "/",
-    name: "Home",
-    component: Login,
-  },
+  // {
+  //   path: "/",
+  //   name: "Home",
+  //   component: Login,
+  // },
   {
     path: "/login",
     name: "Login",
diff --git a/src/views/DepartemenIndex.vue b/src/views/DepartemenIndex.vue
index 056e3a01093a0bdb55c66237a1a382b671d331d6..cf2c53a9821f2e5f145e80dd9db4991331ceb176 100644
--- a/src/views/DepartemenIndex.vue
+++ b/src/views/DepartemenIndex.vue
@@ -94,6 +94,8 @@ import Table2 from "../components/table-2";
 import Header from "../components/header";
 import Sidebar from "../components/sidebar";
 import Modal from "../components/modal";
+import { HTTP } from '../http-common'
+
 
 export default {
   name: "DepartemenIndex",
@@ -292,4 +294,10 @@ export default {
   padding: 1% 5% 1% 5%;
 }
 
+/* blur background */
+.is-blurred {
+  filter: blur(2px);
+  -webkit-filter: blur(2px); 
+  }
+
 </style>