From 84768a1cb6900165449076ec342a9198f2c80d26 Mon Sep 17 00:00:00 2001
From: Zhang Ziqing <69516975+ziqing26@users.noreply.github.com>
Date: Mon, 31 Oct 2022 17:34:16 +0800
Subject: [PATCH] [offers][style] fix style for safari (#479)

---
 .../components/global/ProductNavigation.tsx    | 18 ++++++++++--------
 .../offers/profile/ProfileHeader.tsx           |  2 +-
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/apps/portal/src/components/global/ProductNavigation.tsx b/apps/portal/src/components/global/ProductNavigation.tsx
index aeff5e80..bdd8efd6 100644
--- a/apps/portal/src/components/global/ProductNavigation.tsx
+++ b/apps/portal/src/components/global/ProductNavigation.tsx
@@ -35,14 +35,16 @@ export default function ProductNavigation({
       <Link
         className="hover:text-primary-700 flex items-center gap-2 text-base font-medium"
         href={titleHref}>
-        {titleHref !== '/' &&
-          (logo ?? (
-            <img
-              alt="Tech Interview Handbook"
-              className="h-8 w-auto"
-              src="/logo.svg"
-            />
-          ))}
+        <div>
+          {titleHref !== '/' &&
+            (logo ?? (
+              <img
+                alt="Tech Interview Handbook"
+                className="h-8 w-auto"
+                src="/logo.svg"
+              />
+            ))}
+        </div>
         {title}
       </Link>
       <div className="hidden h-full items-center space-x-8 md:flex">
diff --git a/apps/portal/src/components/offers/profile/ProfileHeader.tsx b/apps/portal/src/components/offers/profile/ProfileHeader.tsx
index 1b0770a1..f2e087a4 100644
--- a/apps/portal/src/components/offers/profile/ProfileHeader.tsx
+++ b/apps/portal/src/components/offers/profile/ProfileHeader.tsx
@@ -235,7 +235,7 @@ export default function ProfileHeader({
   return (
     <div className="h-40 bg-white p-4">
       <div className="justify-left flex h-1/2">
-        <div className="mx-4 mt-2">
+        <div className="mx-4 mt-2 h-16 w-16">
           <ProfilePhotoHolder />
         </div>
         <div className="w-full">