diff --git a/src/client/components/shared/Navbar2.tsx b/src/client/components/shared/Navbar2.tsx
index 8691e5c..e1e7568 100644
--- a/src/client/components/shared/Navbar2.tsx
+++ b/src/client/components/shared/Navbar2.tsx
@@ -66,10 +66,15 @@ export const Navbar2 = (): ReactElement => {
             <ul className="flex items-center gap-6 text-md">
               <li>
                 <a
-                  className="text-gray-500 transition hover:text-gray-500/75 dark:text-white dark:hover:text-white/75"
-                  href="/"
+                  href="#"
+                  className="flex items-center space-x-1 text-gray-500 transition hover:text-gray-500/75 dark:text-white dark:hover:text-white/75"
                 >
-                  Settings
+                  <span>
+                    <span>
+                      <i className="icon-[solar--settings-outline] h-5 w-5"></i>
+                    </span>
+                  </span>
+                  <span>Settings</span>
                 </a>
               </li>
             </ul>
diff --git a/tailwind.config.js b/tailwind.config.js
index 69e4631..0eeddd0 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -19,11 +19,5 @@ module.exports = {
       },
     },
   },
-  plugins: [
-    {
-      tailwindcss: {},
-      autoprefixer: {},
-      addDynamicIconSelectors: addDynamicIconSelectors(),
-    },
-  ],
+  plugins: [addDynamicIconSelectors()],
 };