From b732b03a2082d79802e6871b225bfdfd2eec0b47 Mon Sep 17 00:00:00 2001
From: Leo <contact@leonguyen.com>
Date: Thu, 21 Oct 2021 20:42:15 -0500
Subject: [PATCH] - Align headers with items on dropdown.

---
 scss/bootstrap/_dropdown.scss | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/scss/bootstrap/_dropdown.scss b/scss/bootstrap/_dropdown.scss
index f1cee7a..43b210e 100644
--- a/scss/bootstrap/_dropdown.scss
+++ b/scss/bootstrap/_dropdown.scss
@@ -1,9 +1,15 @@
 // Place a nice stripe to the left of hovered dropdown menu items
-.dropdown-menu .dropdown-item {
-  border-left: 4px solid transparent;
-  transition: background-color .1s linear, border .1s linear;
+.dropdown-menu {
+  .dropdown-item {
+    border-left: 4px solid transparent;
+    transition: background-color .1s linear, border .1s linear;
 
-  &:hover {
-    border-left-color: $yellow; // $info;
+    &:hover {
+      border-left-color: $yellow; // $info;
+    }
+  }
+
+  .dropdown-header {
+    border-left: 4px solid transparent; // Align headers with items
   }
 }