From a4ee7e765d2f554521e1a9edb5e86b1b334d7505 Mon Sep 17 00:00:00 2001
From: benjacanas <benjamin.canas@bitlogic.io>
Date: Wed, 30 Mar 2022 11:51:33 -0300
Subject: [PATCH] fix navbar

---
 .../NavBar/AnimatedNavBar/AnimatedNavbar.js           | 11 +----------
 .../AnimatedNavBar/DropdownContainer/dropdown.scss    |  1 -
 src/components/NavBar/NavBar.scss                     |  5 ++++-
 3 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/components/NavBar/AnimatedNavBar/AnimatedNavbar.js b/src/components/NavBar/AnimatedNavBar/AnimatedNavbar.js
index 1bb69f7a..8fc6cdd6 100644
--- a/src/components/NavBar/AnimatedNavBar/AnimatedNavbar.js
+++ b/src/components/NavBar/AnimatedNavBar/AnimatedNavbar.js
@@ -24,11 +24,7 @@ const getComponentTitle = component => {
   )
 }
 
-const AnimatedNavbar = ({
-  landingComponents,
-  navbarItems = [],
-  duration,
-}) => {
+const AnimatedNavbar = ({ landingComponents, navbarItems = [], duration }) => {
   const navbarConfig = [
     ...navbarItems.map(navItem => {
       if (navItem.landing) {
@@ -56,11 +52,6 @@ const AnimatedNavbar = ({
         }
       }
     }),
-    {
-      title: "Join Us",
-      slug: "jobs",
-      dropdown: () => <Dropdown sections={null} />,
-    },
     {
       title: "Blog",
       slug: "blog",
diff --git a/src/components/NavBar/AnimatedNavBar/DropdownContainer/dropdown.scss b/src/components/NavBar/AnimatedNavBar/DropdownContainer/dropdown.scss
index 8194ea43..d65f2558 100644
--- a/src/components/NavBar/AnimatedNavBar/DropdownContainer/dropdown.scss
+++ b/src/components/NavBar/AnimatedNavBar/DropdownContainer/dropdown.scss
@@ -4,7 +4,6 @@
     &-section {
       padding: 28px;
       position: relative;
-      z-index: 10;
     }
     &-link {
       font-size: 18px;
diff --git a/src/components/NavBar/NavBar.scss b/src/components/NavBar/NavBar.scss
index b606dfb4..746f257f 100644
--- a/src/components/NavBar/NavBar.scss
+++ b/src/components/NavBar/NavBar.scss
@@ -2,6 +2,7 @@
 
 .NavBar {
   background-color: white;
+  z-index: 10;
 }
 .NavBar__Logo {
   margin: 16px 28px;
@@ -49,6 +50,7 @@
   align-items: center;
   justify-content: space-around;
   &-contact {
+    white-space: nowrap;
     box-shadow: 0px 2px 10px #3f6be880;
     padding: .6em;
     background-color: #3F6BE8;
@@ -71,7 +73,7 @@
     display: flex;
     flex-direction: row;
     & > a {
-      flex-basis: 30%;
+      flex-basis: 20%;
     }
   }
   .NavBar__Logo {
@@ -89,6 +91,7 @@
   .NavBar__Item {
     margin-right: 2.5rem;
     margin-top: .5em;
+    white-space: nowrap;
   }
   .NavBar_Side{
     justify-content: unset;