From a383350e8baf3bb10b076c2167b22d1c5acb72a0 Mon Sep 17 00:00:00 2001
From: Anna <annagav@mit.edu>
Date: Mon, 6 Jan 2025 17:46:18 -0500
Subject: [PATCH] top bar cart designs

---
 frontend/public/scss/top-app-bar.scss    | 7 ++++++-
 frontend/public/scss/variables.scss      | 2 +-
 frontend/public/src/components/TopBar.js | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/public/scss/top-app-bar.scss b/frontend/public/scss/top-app-bar.scss
index 68bc50c034..0cb2b78d6d 100644
--- a/frontend/public/scss/top-app-bar.scss
+++ b/frontend/public/scss/top-app-bar.scss
@@ -125,13 +125,18 @@ header.site-header {
   }
 }
 
+.border-left-top-bar {
+  border-left: 1px solid $home-page-border-grey;
+}
+
 .full-screen-top-menu {
   display: block;
   font-size: 14px;
   line-height: 21px;
 
   .top-nav-link {
-    padding: 13px 10px 13px 20px;
+    padding: 2px 10px 2px 20px;
+    margin: 11px 10px 11px 20px;
     display: inline-block;
     color: black;
     text-decoration: none;
diff --git a/frontend/public/scss/variables.scss b/frontend/public/scss/variables.scss
index ac7a08cec3..6d52904706 100644
--- a/frontend/public/scss/variables.scss
+++ b/frontend/public/scss/variables.scss
@@ -31,7 +31,7 @@ $brand-darker-bg: #a31f34;
 $home-page-header-blue: #03152D;
 $home-page-grey-text: #6F7175;
 $home-page-grey-lite: #F0F5F7;
-$home-page-border-grey: #DFE5EC;
+$home-page-border-grey: #B8C2CC;
 $home-page-dark-blue: #000C1B;
 $home-page-video-player-blue: #0C8CE9;
 $home-page-facebook-blue: #395492;
diff --git a/frontend/public/src/components/TopBar.js b/frontend/public/src/components/TopBar.js
index 4bc6166e79..1dd4a94735 100644
--- a/frontend/public/src/components/TopBar.js
+++ b/frontend/public/src/components/TopBar.js
@@ -68,7 +68,7 @@ const TopBar = ({ currentUser }: Props) => {
                 <MixedLink
                   id="catalog"
                   dest={routes.catalog}
-                  className="top-nav-link"
+                  className="top-nav-link border-left-top-bar"
                   aria-label="Catalog"
                 >
                   Catalog