diff --git a/.eslintrc.json b/.eslintrc.json
deleted file mode 100644
index 8eb58fab..00000000
--- a/.eslintrc.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-    "env": {
-        "browser": true,
-        "es2021": true,
-        "node": true
-    },
-    "extends": [
-        "eslint:recommended",
-        "plugin:react/recommended"
-        // "plugin:next/recommended"
-    ],
-    "parserOptions": {
-        "ecmaVersion": "latest",
-        "sourceType": "module"
-    },
-    "plugins": [
-        "react"
-    ],
-           
-    "rules": {
-        "react/prop-types": "off",
-        "react/react-in-jsx-scope": "off"
-        // "@next/next/no-page-custom-font": "off"
-    }
-      
-}
diff --git a/components/HeaderLayout.js b/components/HeaderLayout.js
index 5e655bd9..81010012 100644
--- a/components/HeaderLayout.js
+++ b/components/HeaderLayout.js
@@ -240,7 +240,7 @@ export default function HeaderLayout({
                groupID == 2 ||
                groupID == 3 ) && isLoggedIn &&
               <li className="flex-wrap font-semibold">
-                <Link href="/users">
+                <Link href="/user">
                   <p
                     className={
                       `
diff --git a/package.json b/package.json
index eb30596c..cbaae66d 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
     "react-csv": "^2.2.2",
     "react-datepicker": "^4.16.0",
     "react-dom": "^18.2.0",
-    "react-dual-listbox": "^6.0.0",
+    "react-dual-listbox": "^5.0.2",
     "react-highcharts": "^16.1.0",
     "react-icons": "^4.10.1",
     "react-leaflet": "^4.2.1",
diff --git a/pages/user/index.js b/pages/user/index.js
index 2338230e..4f82cc57 100644
--- a/pages/user/index.js
+++ b/pages/user/index.js
@@ -155,7 +155,7 @@ const Users = (props) => {
                         </div>
 
 
-                        <div className='col-span-1 w-full col-start-1 h-auto py-0 border border-blue-600'>
+                        <div className='col-span-1 w-full col-start-1 h-auto py-0 bg-blue-50 shadow-md'>
                             
                             <List
                             sx={{ width: '100%', bgcolor: 'transparent', flexGrow:1, paddingTop:0, paddingBottom:0}}
@@ -163,10 +163,10 @@ const Users = (props) => {
                             aria-labelledby="nested-list-subheader"
                             
                             >	
-                                <ListItemButton className='border-b border-blue-600' sx={{
+                                <ListItemButton className='border-b border-gray-300' sx={{
                                 backgroundColor: usersTheme && '#2563eb',
                                                 color: usersTheme && '#ffff',
-                                                borderBottom: 'solid 1px #2563eb', 
+                                                borderBottom: 'solid 1px rgba(107, 114, 128, 1)', 
                                                 "&:hover": {
                                                 backgroundColor: "#eff6ff",
                                                 color: "rgba(17, 24, 39, 1)"
@@ -187,7 +187,7 @@ const Users = (props) => {
                                     sx={{
                                         backgroundColor: inactiveUsersTheme && '#2563eb',
                                         color: inactiveUsersTheme && '#ffff',
-                                        borderBottom: 'solid 1px #2563eb', 
+                                        borderBottom: 'solid 1px rgba(107, 114, 128, 1)', 
                                         "&:hover": {
                                         backgroundColor: "#eff6ff",
                                         color: "rgba(17, 24, 39, 1)"
@@ -208,7 +208,7 @@ const Users = (props) => {
                                 sx={{
                                         backgroundColor: groupsTheme && '#2563eb',
                                                 color: groupsTheme && '#ffff',
-                                                borderBottom: 'solid 1px #2563eb', 
+                                                borderBottom: 'solid 1px rgba(107, 114, 128, 1)', 
                                                 "&:hover": {
                                                 backgroundColor: "#eff6ff",
                                                 color: "rgba(17, 24, 39, 1)"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f4f20287..ec1069bc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -135,8 +135,8 @@ dependencies:
     specifier: ^18.2.0
     version: 18.2.0(react@18.2.0)
   react-dual-listbox:
-    specifier: ^6.0.0
-    version: 6.0.1(react@18.2.0)
+    specifier: ^5.0.2
+    version: 5.0.2(react@18.2.0)
   react-highcharts:
     specifier: ^16.1.0
     version: 16.1.0(react-dom@18.2.0)(react@18.2.0)
@@ -6334,13 +6334,14 @@ packages:
       scheduler: 0.23.0
     dev: false
 
-  /react-dual-listbox@6.0.1(react@18.2.0):
-    resolution: {integrity: sha512-LZi3Dj+sBcz18b0Bq2LNWRDAsMTg2bo/4HoJJFHf/Lb1ydJaUTU79Nw6865CL4IopWb7u16wK2sJk96fFS2uuQ==}
+  /react-dual-listbox@5.0.2(react@18.2.0):
+    resolution: {integrity: sha512-n0XzH3pyJmM+JEA5Ji0WkbA9+K/9kM0zqWKixxi2ioo9WgcrYKbMK5G4JVMHqX6c7i1Cu8xKYFhWx905HfKkYA==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0
     dependencies:
       classnames: 2.3.2
       lodash: 4.17.21
+      nanoid: 3.3.6
       prop-types: 15.8.1
       react: 18.2.0
     dev: false