From 19d12c949a86bd2ae7145bd087cee1dd0bfceb55 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Wed, 29 Jun 2022 17:51:11 -0500
Subject: [PATCH] Add a line spacer on the sidebar

---
 web/components/nav/sidebar.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/components/nav/sidebar.tsx b/web/components/nav/sidebar.tsx
index aa0acf05..402f5e12 100644
--- a/web/components/nav/sidebar.tsx
+++ b/web/components/nav/sidebar.tsx
@@ -230,7 +230,12 @@ export default function Sidebar(props: { className?: string }) {
           buttonContent={<MoreButton />}
         />
 
-        {memberItems.length > 0 && <Spacer h={6} />}
+        {/* Spacer if there are any groups */}
+        {memberItems.length > 0 && (
+          <div className="py-3">
+            <div className="h-[1px] bg-gray-300" />
+          </div>
+        )}
         <GroupsList currentPage={currentPage} memberItems={memberItems} />
       </div>
     </nav>