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>

tailwind.config.js

@@ -19,11 +19,5 @@ module.exports = {
       },
     },
   },
-  plugins: [
+  plugins: [addDynamicIconSelectors()],
-    {
-      tailwindcss: {},
-      autoprefixer: {},
-      addDynamicIconSelectors: addDynamicIconSelectors(),
-    },
-  ],
 };