From 3ad131b41bf758b0ed575c9fbbcfc1a8dabd8099 Mon Sep 17 00:00:00 2001
From: Rupin Khandelwal <rupin@omnivore.app>
Date: Fri, 19 Aug 2022 14:16:33 -0500
Subject: [PATCH] updated css to handle border length

---
 packages/web/styles/menu.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/web/styles/menu.css b/packages/web/styles/menu.css
index c2719d466..7621230f4 100644
--- a/packages/web/styles/menu.css
+++ b/packages/web/styles/menu.css
@@ -25,8 +25,12 @@
   padding: 5px 20px;
 }
 
-.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu {
- border-top: 1px solid var(--colors-grayBg);
+.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu:before {
+  content: '';
+  display: block;
+  width: 90%;
+  border: 0.5px solid var(--colors-grayBg);
+  margin-left: 10px;
 }
 
 .pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
@@ -37,7 +41,7 @@
 
 .pro-sidebar .pro-menu .pro-menu-item.active {
   background-color: var(--colors-libraryActiveMenuItem);
-  width: 90%;
+  width: 95%;
   border-radius: 5px;
 }