diff --git a/src/app/(routes)/(website)/components/mobile-menu/mobileMenu.tsx b/src/app/(routes)/(website)/components/mobile-menu/mobileMenu.tsx
index f489d64..e9fcc35 100644
--- a/src/app/(routes)/(website)/components/mobile-menu/mobileMenu.tsx
+++ b/src/app/(routes)/(website)/components/mobile-menu/mobileMenu.tsx
@@ -1,3 +1,5 @@
+import Link from "next/link";
+
 type propsType = {
   clicked: boolean;
   setClicked: React.Dispatch<React.SetStateAction<boolean>>;
@@ -20,8 +22,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
             Parsa Aghayi
           </p>
         </div>
-        <ul className="flex w-full flex-col">
-          <a
+        <nav className="flex w-full flex-col">
+          <Link
             href="/#home"
             className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
             onClick={() => {
@@ -29,8 +31,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
             }}
           >
             Home
-          </a>
-          <a
+          </Link>
+          <Link
             href="/#about-me"
             className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
             onClick={() => {
@@ -38,8 +40,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
             }}
           >
             About Me
-          </a>
-          <a
+          </Link>
+          <Link
             href="/#services"
             className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
             onClick={() => {
@@ -47,8 +49,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
             }}
           >
             Services
-          </a>
-          <a
+          </Link>
+          <Link
             href="/#projects"
             className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
             onClick={() => {
@@ -56,8 +58,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
             }}
           >
             Projects
-          </a>
-          <a
+          </Link>
+          <Link
             href="/#testimonials"
             className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
             onClick={() => {
@@ -65,8 +67,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
             }}
           >
             Testimonials
-          </a>
-          <a
+          </Link>
+          <Link
             href="/#contact"
             className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
             onClick={() => {
@@ -74,8 +76,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
             }}
           >
             Contact
-          </a>
-        </ul>
+          </Link>
+        </nav>
       </div>
     </div>
   );
diff --git a/src/app/(routes)/blog/components/burger-button/burgerButton.tsx b/src/app/(routes)/blog/components/burger-button/burgerButton.tsx
index 2212b4a..62c1268 100644
--- a/src/app/(routes)/blog/components/burger-button/burgerButton.tsx
+++ b/src/app/(routes)/blog/components/burger-button/burgerButton.tsx
@@ -9,7 +9,7 @@ export default function BurgerButton() {
   return (
     <>
       <button
-        className="flex select-none items-center justify-center whitespace-nowrap rounded-md bg-blog-purple px-2 py-1 sm:px-2 sm:py-2 md:hidden text-[16px] font-[600] text-[#fff]"
+        className="flex select-none items-center justify-center whitespace-nowrap rounded-md bg-blog-purple px-2 py-1 text-[16px] font-[600] text-[#fff] sm:px-2 sm:py-2 md:hidden"
         onClick={() => setClicked(!clicked)}
       >
         <Image
diff --git a/src/app/(routes)/blog/components/mobile-menu/mobileMenu.tsx b/src/app/(routes)/blog/components/mobile-menu/mobileMenu.tsx
index 57740c7..fc10f1b 100644
--- a/src/app/(routes)/blog/components/mobile-menu/mobileMenu.tsx
+++ b/src/app/(routes)/blog/components/mobile-menu/mobileMenu.tsx
@@ -27,7 +27,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
         <nav className="flex w-full flex-col">
           <Link
             href="/#home"
-            className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer text-white"
+            className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] text-white hover:cursor-pointer"
             onClick={() => {
               setClicked(false);
             }}
@@ -36,7 +36,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
           </Link>
           <Link
             href="/#about-me"
-            className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer text-white"
+            className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] text-white hover:cursor-pointer"
             onClick={() => {
               setClicked(false);
             }}
@@ -45,7 +45,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
           </Link>
           <Link
             href="/#services"
-            className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer text-white"
+            className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] text-white hover:cursor-pointer"
             onClick={() => {
               setClicked(false);
             }}
@@ -54,7 +54,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
           </Link>
           <Link
             href="/#projects"
-            className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer text-white"
+            className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] text-white hover:cursor-pointer"
             onClick={() => {
               setClicked(false);
             }}
@@ -63,7 +63,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
           </Link>
           <Link
             href="/#testimonials"
-            className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer text-white"
+            className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] text-white hover:cursor-pointer"
             onClick={() => {
               setClicked(false);
             }}