From a473ed23b0416e2a62b6ad60d1088b3a57d6ad69 Mon Sep 17 00:00:00 2001
From: Rishabh Saxena <rishabh.robben@gmail.com>
Date: Mon, 8 Feb 2021 10:50:52 +0530
Subject: [PATCH] fix navbar bottom border when tabs arent rendered (#2883)

---
 app/client/src/pages/AppViewer/viewer/AppViewerHeader.tsx   | 2 ++
 app/client/src/pages/AppViewer/viewer/PageTabsContainer.tsx | 2 --
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/client/src/pages/AppViewer/viewer/AppViewerHeader.tsx b/app/client/src/pages/AppViewer/viewer/AppViewerHeader.tsx
index d909898952..8d85e78674 100644
--- a/app/client/src/pages/AppViewer/viewer/AppViewerHeader.tsx
+++ b/app/client/src/pages/AppViewer/viewer/AppViewerHeader.tsx
@@ -82,6 +82,8 @@ const HeaderRow = styled.div<{ justify: string }>`
   flex-direction: row;
   justify-content: ${(props) => props.justify};
   height: ${(props) => `calc(${props.theme.smallHeaderHeight})`};
+  border-bottom: 1px solid
+    ${(props) => props.theme.colors.header.tabsHorizontalSeparator};
 `;
 
 const HeaderSection = styled.div<{ justify: string }>`
diff --git a/app/client/src/pages/AppViewer/viewer/PageTabsContainer.tsx b/app/client/src/pages/AppViewer/viewer/PageTabsContainer.tsx
index 90c3b55b7e..b3e4d17239 100644
--- a/app/client/src/pages/AppViewer/viewer/PageTabsContainer.tsx
+++ b/app/client/src/pages/AppViewer/viewer/PageTabsContainer.tsx
@@ -20,8 +20,6 @@ const Container = styled.div`
       stroke: ${(props) => props.theme.colors.header.tabText};
     }
   }
-  border-top: 1px solid
-    ${(props) => props.theme.colors.header.tabsHorizontalSeparator};
   border-bottom: 1px solid
     ${(props) => props.theme.colors.header.tabsHorizontalSeparator};
 `;