diff --git a/client/src/components/Nav/ClearConvos.jsx b/client/src/components/Nav/ClearConvos.jsx
index 1236631d9f..12ff90ab07 100644
--- a/client/src/components/Nav/ClearConvos.jsx
+++ b/client/src/components/Nav/ClearConvos.jsx
@@ -25,13 +25,13 @@ export default function ClearConvos() {
   return (
     <Dialog>
       <DialogTrigger asChild>
-        <a
+        <button
           className="flex cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10"
           // onClick={clickHandler}
         >
           <TrashIcon />
           Clear conversations
-        </a>
+        </button>
       </DialogTrigger>
       <DialogTemplate
         title="Clear conversations"
diff --git a/client/src/components/Nav/DarkMode.jsx b/client/src/components/Nav/DarkMode.jsx
index 70167952aa..470aff13e2 100644
--- a/client/src/components/Nav/DarkMode.jsx
+++ b/client/src/components/Nav/DarkMode.jsx
@@ -10,12 +10,12 @@ export default function DarkMode() {
   const mode = theme === 'dark' ? 'Light mode' : 'Dark mode';
 
   return (
-    <a
+    <button
       className="flex cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10"
       onClick={clickHandler}
     >
       {theme === 'dark' ? <LightModeIcon /> : <DarkModeIcon />}
       {mode}
-    </a>
+    </button>
   );
 }
diff --git a/client/src/components/Nav/ExportConversation/index.jsx b/client/src/components/Nav/ExportConversation/index.jsx
index 7548c48374..155fc1cbf6 100644
--- a/client/src/components/Nav/ExportConversation/index.jsx
+++ b/client/src/components/Nav/ExportConversation/index.jsx
@@ -23,7 +23,7 @@ export default function ExportConversation() {
 
   return (
     <>
-      <a
+      <button
         className={cn(
           'flex items-center gap-3 rounded-md py-3 px-3 text-sm transition-colors duration-200 hover:bg-gray-500/10',
           exportable ? 'cursor-pointer text-white' : 'cursor-not-allowed text-gray-400'
@@ -32,7 +32,7 @@ export default function ExportConversation() {
       >
         <Download size={16} />
         Export conversation
-      </a>
+      </button>
 
       <ExportModel
         open={open}
diff --git a/client/src/components/Nav/Logout.jsx b/client/src/components/Nav/Logout.jsx
index 515d6fd1ab..f68a768c06 100644
--- a/client/src/components/Nav/Logout.jsx
+++ b/client/src/components/Nav/Logout.jsx
@@ -11,13 +11,13 @@ export default function Logout() {
   };
 
   return (
-    <a
+    <button
       className="flex cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10"
       onClick={clickHandler}
     >
       <LogOutIcon />
       {user?.display || user?.username || 'USER'}
       <small>Log out</small>
-    </a>
+    </button>
   );
 }