From 59fd2a6192a3470c8727525ff3d7773c0eed98cc Mon Sep 17 00:00:00 2001
From: Luke Heath <luke@fleetdm.com>
Date: Fri, 10 Feb 2023 12:51:15 -0600
Subject: [PATCH] Fix top nav underline positioning and size (#9790)

---
 .../top_nav/SiteTopNav/_styles.scss           | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/components/top_nav/SiteTopNav/_styles.scss b/frontend/components/top_nav/SiteTopNav/_styles.scss
index e35ac19c85..a4ed17ee0c 100644
--- a/frontend/components/top_nav/SiteTopNav/_styles.scss
+++ b/frontend/components/top_nav/SiteTopNav/_styles.scss
@@ -83,24 +83,24 @@
   }
 
   &--active {
-    border-bottom: 4px solid $core-vibrant-blue;
     background-color: $site-nav-on-hover;
 
+    &::after {
+      content: '';
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      height: 3px;
+      background-color: $core-vibrant-blue;
+    }
+
     &:hover {
       background-color: $site-nav-on-hover;
     }
 
-    .site-nav-item__link {
-      padding-bottom: 12px;
-    }
-
     .site-nav-item__name {
       font-weight: $bold;
     }
-
-    .site-nav-item__logo img {
-      position: relative;
-      top: 4px;
-    }
   }
 }