From 20e23353a6056ad9b3261ae7d022fae610060e47 Mon Sep 17 00:00:00 2001
From: orest-s <orest.hlodan@deque.com>
Date: Tue, 26 Dec 2023 17:37:37 +0200
Subject: [PATCH] feat: removed double bottom border and added padding for < 64
 rem

---
 packages/styles/navbar.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/styles/navbar.css b/packages/styles/navbar.css
index de6b11db4..f6f3697e0 100644
--- a/packages/styles/navbar.css
+++ b/packages/styles/navbar.css
@@ -26,7 +26,6 @@
   align-items: center;
   background-color: var(--top-nav-background-color);
   color: var(--top-nav-text-color);
-  border-bottom: 1px solid var(--top-nav-border-bottom-color);
 }
 
 .NavBar > ul {
@@ -34,6 +33,7 @@
   list-style-type: none;
   display: flex;
   z-index: var(--z-index-top-nav);
+  border-bottom: 1px solid var(--top-nav-border-bottom-color);
 }
 
 .NavBar > ul > li {
@@ -45,7 +45,6 @@
   display: flex;
   align-items: center;
   background-color: var(--top-nav-background-color);
-  border-bottom: 1px solid var(--top-nav-border-bottom-color);
   border-right: 1px solid var(--top-nav-box-shadow-color);
   transition: background-color 0.3s ease;
 }
@@ -148,6 +147,12 @@
   margin-right: var(--space-smallest);
 }
 
+@media (max-width: 64rem) {
+  .NavBar {
+    padding: 0 var(--space-small);
+  }
+}
+
 @media (max-width: 61.25rem) {
   .NavBar > ul > li {
     font-size: var(--text-size-small);