From 14a3ddf71dda25bf7e2a7cdf1fac82d8d739c0b0 Mon Sep 17 00:00:00 2001
From: Sanjana <asanjana0823@gmail.com>
Date: Sun, 15 Sep 2024 16:50:57 +0530
Subject: [PATCH] Change Breadcrumb mobile view

---
 .../MenteeProfile/MenteeProfile.component.tsx     | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/pages/MenteeProfile/MenteeProfile.component.tsx b/src/pages/MenteeProfile/MenteeProfile.component.tsx
index 5fbba1b2..55bc8399 100644
--- a/src/pages/MenteeProfile/MenteeProfile.component.tsx
+++ b/src/pages/MenteeProfile/MenteeProfile.component.tsx
@@ -15,19 +15,14 @@ const MenteeProfile: React.FC = () => {
     <>
       <nav aria-label="Breadcrumb ">
         <div className="flex items-center">
-          <button className="transform rotate-180 md:hidden">
-            <Link
-              to={`/mentors/${mentee?.mentor.uuid ?? ''}`}
-              className="block transition hover:text-gray-700 md:hidden ml-2"
-            >
-              <ChevronRightIcon />
-            </Link>
-          </button>
           <Link
             to={`/mentors/${mentee?.mentor.uuid ?? ''}`}
-            className="block transition hover:text-gray-700 md:hidden ml-2"
+            className="flex items-center transition hover:text-gray-700 md:hidden"
           >
-            Back
+            <span className="transform rotate-180">
+              <ChevronRightIcon />
+            </span>
+            <span className="ml-2">Back</span>
           </Link>
         </div>