From e7d7e911ba88a1b3db84c7e71c2358da3390c994 Mon Sep 17 00:00:00 2001
From: Fran McDade <frano-m@users.noreply.github.com>
Date: Mon, 26 Aug 2024 16:37:55 +1000
Subject: [PATCH] fix: right header navigation position (#167) (#180)

Co-authored-by: Fran McDade <franmcdade@Frans-MacBook-Pro.local>
---
 .../components/Navigation/navigation.styles.ts     | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/components/Layout/components/Header/components/Content/components/Navigation/navigation.styles.ts b/src/components/Layout/components/Header/components/Content/components/Navigation/navigation.styles.ts
index d2caf7c2..4adf95d0 100644
--- a/src/components/Layout/components/Header/components/Content/components/Navigation/navigation.styles.ts
+++ b/src/components/Layout/components/Header/components/Content/components/Navigation/navigation.styles.ts
@@ -8,16 +8,16 @@ interface Props {
 
 export const Navigation = styled("div")<Props>`
   display: flex;
-  flex: 1;
+  flex: unset;
   flex-direction: row;
   gap: 8px;
-  justify-content: flex-start;
+  justify-content: inherit;
 
   ${({ isMenuIn }) =>
     isMenuIn &&
     css`
-      flex: unset;
-      justify-content: inherit;
+      flex: 1;
+      justify-content: flex-start;
     `};
 
   .MuiButton-activeNav,
@@ -33,11 +33,5 @@ export const Navigation = styled("div")<Props>`
 
   .MuiDivider-root {
     margin: 8px 0;
-
-    ${({ isMenuIn }) =>
-      isMenuIn &&
-      css`
-        display: none;
-      `};
   }
 `;