fix: add a margin to left side nav

bcgov · Sep 26, 2024 · 23a9ba7 · 23a9ba7
1 parent 395a104
commit 23a9ba7
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/app/components/Analyst/NavigationSidebar.tsx b/app/components/Analyst/NavigationSidebar.tsx
@@ -26,6 +26,10 @@ const StyledUpperSection = styled.section`
   color: ${(props) => props.theme.color.navigationBlue};
 `;
 
+const StyledLowerSection = styled.section`
+  margin-top: 1em;
+`;
+
 const NavigationSidebar = () => {
   const router = useRouter();
   const { asPath } = router;
@@ -47,7 +51,7 @@ const NavigationSidebar = () => {
             label="Dashboard"
           />
         </StyledUpperSection>
-        <section>
+        <StyledLowerSection>
           <NavItem
             currentPath={asPath}
             href={`/analyst/application/${applicationId}/summary`}
@@ -84,7 +88,7 @@ const NavigationSidebar = () => {
             icon={faClockRotateLeft}
             label="History"
           />
-        </section>
+        </StyledLowerSection>
       </StyledNav>
     </StyledAside>
   );