diff --git a/src/app/components/NavBar.tsx b/src/app/components/NavBar.tsx
index 81c3c3e7..1d478752 100644
--- a/src/app/components/NavBar.tsx
+++ b/src/app/components/NavBar.tsx
@@ -6,11 +6,11 @@ import Link from "next/link";
 
 export function Navbar() {
   return (
-    <div className="col-span-12 !py-0 navbar">
-      <div className="flex-none px-2 mx-2">
+    <div className="col-span-12 !py-0 px-3 navbar h-20">
+      <div className="flex-none">
         <Link
           href="/"
-          className="btn btn-ghost hover:bg-transparent no-underline text-xl p-0 join-item"
+          className="btn btn-ghost hover:bg-transparent no-underline hover:!no-underline text-xl join-item px-3"
         >
           <Image
             src="/logo_icon.svg"
@@ -19,26 +19,19 @@ export function Navbar() {
             height={40}
             className="!my-0"
           />
-          <span className="xs:invisible sm:visible uppercase">DeXter</span>
+          <span className="ml-6 pt-1 xs:invisible sm:visible hover:text-accent uppercase">DeXter</span>
         </Link>
       </div>
       <div className="flex-1 px-2 mx-2">
         <div className="items-stretch hidden lg:flex">
           <Link
-            className="btn btn-lg btn-ghost hover:!no-underline pt-2 border-t-0 border-x-0 border-b-4 border-transparent hover:border-accent hover:text-accent uppercase"
+            className="btn btn-lg h-20 btn-ghost hover:!no-underline pt-2 border-t-0 border-x-0 border-b-4 border-transparent hover:border-accent hover:text-accent uppercase"
             href="/"
           >
             Trade
           </Link>
-          <Link
-            className="btn btn-lg btn-ghost hover:!no-underline pt-2 border-t-0 border-x-0 border-b-4 border-transparent hover:border-accent hover:text-accent uppercase"
-            href="/markets"
-          >
-            Markets
-          </Link>
         </div>
       </div>
-
       <div className="navbar-end">
         <radix-connect-button></radix-connect-button>
       </div>