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}; `;