fix: right header navigation position (#167)

DataBiosphere · Aug 26, 2024 · 3205fb5 · 3205fb5
1 parent 1245e08
commit 3205fb5
Showing 1 changed file with 4 additions and 10 deletions.
diff --git a/...ts/Layout/components/Header/components/Content/components/Navigation/navigation.styles.ts b/...ts/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;
-      `};
   }
 `;