diff --git a/src/pages/About.tsx b/src/pages/About.tsx
index 0aead4c..b1ca037 100644
--- a/src/pages/About.tsx
+++ b/src/pages/About.tsx
@@ -104,13 +104,13 @@ export default function About() {
           <nav className="hidden items-center gap-2 md:flex">
             <Link
               to="/"
-              className="rounded-full px-4 py-2 text-sm font-medium text-slate-600 transition hover:bg-slate-100 hover:text-slate-950 dark:text-slate-300 dark:hover:bg-slate-900 dark:hover:text-white"
+              className="rounded-full px-4 py-2 text-sm font-medium text-slate-600 transition dark:text-slate-200 dark:hover:text-white"
             >
               {lang === "fa" ? "خانه" : "Home"}
             </Link>
             <Link
               to="/about"
-              className="rounded-full bg-slate-950 px-4 py-2 text-sm font-medium text-white shadow-sm dark:bg-white dark:text-slate-950"
+              className="rounded-ful px-4 py-2 text-sm text-white shadow-sm font-bold"
             >
               {lang === "fa" ? "درباره ما" : "About us"}
             </Link>
diff --git a/src/pages/Landing.tsx b/src/pages/Landing.tsx
index 5f26730..f75fdfc 100644
--- a/src/pages/Landing.tsx
+++ b/src/pages/Landing.tsx
@@ -131,10 +131,10 @@ export default function Landing() {
           </button>
 
           <div className="hidden items-center gap-2 md:flex">
-            <Link to="/" className="rounded-full bg-slate-950 px-4 py-2 text-sm font-medium text-white shadow-sm dark:bg-white dark:text-slate-950">
+            <Link to="/" className="rounded-ful px-4 py-2 text-sm text-white shadow-sm font-bold">
               {lang === "fa" ? "خانه" : "Home"}
             </Link>
-            <Link to="/about" className="rounded-full px-4 py-2 text-sm font-medium text-slate-600 transition hover:bg-slate-100 hover:text-slate-950 dark:text-slate-300 dark:hover:bg-slate-900 dark:hover:text-white">
+            <Link to="/about" className="rounded-full px-4 py-2 text-sm font-medium text-slate-600 transition dark:text-slate-200 dark:hover:text-white">
               {t.landing.nav.about}
             </Link>
           </div>