diff --git a/package-lock.json b/package-lock.json
index 00e236a..ca5bde7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,10 +19,10 @@
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.3.0",
         "@testing-library/user-event": "^13.5.0",
-        "apexcharts": "^3.35.5",
+        "apexcharts": "3.35.5",
         "framer-motion": "^7.10.2",
         "react": "^18.2.0",
-        "react-apexcharts": "^1.4.0",
+        "react-apexcharts": "1.4.0",
         "react-calendar": "^3.9.0",
         "react-dom": "^18.2.0",
         "react-icons": "^4.4.0",
diff --git a/src/components/navbar/RTL.jsx b/src/components/navbar/RTL.jsx
index 1411c68..8536580 100644
--- a/src/components/navbar/RTL.jsx
+++ b/src/components/navbar/RTL.jsx
@@ -210,7 +210,7 @@ const Navbar = (props) => {
                 </a>
                 <a
                   href=" "
-                  className="mt-3 text-sm font-medium text-red-500 hover:text-red-500"
+                  className="mt-3 text-sm font-medium text-red-500 hover:text-red-500 transition duration-150 ease-out hover:ease-in"
                 >
                   Log Out
                 </a>
diff --git a/src/components/navbar/index.jsx b/src/components/navbar/index.jsx
index d86c39a..9189867 100644
--- a/src/components/navbar/index.jsx
+++ b/src/components/navbar/index.jsx
@@ -210,7 +210,7 @@ const Navbar = (props) => {
                 </a>
                 <a
                   href=" "
-                  className="mt-3 text-sm font-medium text-red-500 hover:text-red-500"
+                  className="mt-3 text-sm font-medium text-red-500 hover:text-red-500 transition duration-150 ease-out hover:ease-in"
                 >
                   Log Out
                 </a>