From 1d76f391da6e37ee8ee01812231d5d3e466acde0 Mon Sep 17 00:00:00 2001
From: Rishabh Saxena <rishabh.robben@gmail.com>
Date: Mon, 22 Feb 2021 13:32:38 +0530
Subject: [PATCH] Fix styles for the primary logo within viewer for safari
 (#3133)

---
 .../src/pages/AppViewer/viewer/AppViewerHeader.tsx       | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/client/src/pages/AppViewer/viewer/AppViewerHeader.tsx b/app/client/src/pages/AppViewer/viewer/AppViewerHeader.tsx
index 40accbde36..f5f4c77857 100644
--- a/app/client/src/pages/AppViewer/viewer/AppViewerHeader.tsx
+++ b/app/client/src/pages/AppViewer/viewer/AppViewerHeader.tsx
@@ -120,6 +120,11 @@ const HeaderRightItemContainer = styled.div`
   height: 100%;
 `;
 
+const PrimaryLogoLink = styled(Link)`
+  display: flex;
+  align-items: center;
+`;
+
 type AppViewerHeaderProps = {
   url?: string;
   currentApplicationDetails?: ApplicationPayload;
@@ -186,9 +191,9 @@ export const AppViewerHeader = (props: AppViewerHeaderProps) => {
         <HtmlTitle />
         <HeaderRow justify={"space-between"}>
           <HeaderSection justify={"flex-start"}>
-            <Link to={APPLICATIONS_URL} style={{ display: "flex" }}>
+            <PrimaryLogoLink to={APPLICATIONS_URL}>
               <AppsmithLogoImg src={AppsmithLogo} alt="Appsmith logo" />
-            </Link>
+            </PrimaryLogoLink>
           </HeaderSection>
           <HeaderSection justify={"center"} className="current-app-name">
             {currentApplicationDetails && (