From 1d44bbc57e2199a779d098211e23dcab5ec9e3f8 Mon Sep 17 00:00:00 2001
From: vinaybadgujar102 <vinaybadgujar8@gmail.com>
Date: Sat, 29 Jun 2024 19:01:15 +0530
Subject: [PATCH] edit: increase tap area of switch partner mode button

---
 src/components/Header/Header.scss | 16 ++++++++++++----
 src/components/Header/Header.tsx  | 11 ++++-------
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/components/Header/Header.scss b/src/components/Header/Header.scss
index f5207035f..1ae8c3e59 100644
--- a/src/components/Header/Header.scss
+++ b/src/components/Header/Header.scss
@@ -12,13 +12,21 @@
     align-items: center;
     justify-content: flex-start;
     flex: 1;
-    gap: 16px;
+
+    .header-logo-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      flex-grow: 0;
+      height: 58px;
+      padding-left: 20px;
+      padding-right: 16px;
+    }
+
     img {
       height: 30px;
       width: 30px;
-      cursor: pointer;
-      flex-grow: 0;
-      margin-left: 20px;
     }
   }
 
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index eb19aa629..abfafc71d 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -91,13 +91,10 @@ const Header: React.FC<IHeader> = ({ title, debounceSearch }) => {
       ) : (
         <>
           <div className="header-logo-title">
-            <img
-              className={isFlipping ? "logo-flip" : ""}
-              onClickCapture={handlePartner}
-              src={zinzenLightLogo}
-              alt="ZinZen"
-              ref={zinZenLogoRef}
-            />
+            <div className="header-logo-wrapper" onClickCapture={handlePartner}>
+              <img className={isFlipping ? "logo-flip" : ""} src={zinzenLightLogo} alt="ZinZen" ref={zinZenLogoRef} />
+            </div>
+
             <PartnerModeTour refTarget={zinZenLogoRef} />
             <h6
               onClickCapture={() => {