From 2e0f434a6c0fd047ef76a806c7c494a7da951fac Mon Sep 17 00:00:00 2001
From: Nick A <nicolas.a.asanov@gmail.com>
Date: Sun, 13 Apr 2025 14:42:57 -0400
Subject: [PATCH] added line between sorting and filtering in dropdown

---
 compass/components/Table/ColumnHeader.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/compass/components/Table/ColumnHeader.tsx b/compass/components/Table/ColumnHeader.tsx
index 55fabc5..4948a4b 100644
--- a/compass/components/Table/ColumnHeader.tsx
+++ b/compass/components/Table/ColumnHeader.tsx
@@ -107,7 +107,7 @@ export function ColumnHeader<T>({ header }: { header: Header<T, unknown> }) {
                 {column.getCanFilter() && dropdownType === "menu" && (
                     <div
                         ref={menuRef}
-                        className="absolute -top-2 left-0 mt-2 w-48 bg-white border border-gray-200 rounded-md shadow-lg z-10"
+                        className="absolute flex flex-col justify-center items-center -top-2 left-0 mt-2 w-48 bg-white border border-gray-200 rounded-md shadow-lg z-10"
                     >
                         <button
                             className="flex items-center w-full text-left px-4 py-2 text-xs hover:bg-gray-100"
@@ -135,6 +135,7 @@ export function ColumnHeader<T>({ header }: { header: Header<T, unknown> }) {
                             <span>Sort Descending</span>
                             {sortDirection === "desc" && <DropdownCheckIcon />}
                         </button>
+                        <hr className="w-40" />
                         <button
                             className="flex items-center w-full text-left px-4 py-2 text-xs hover:bg-gray-100"
                             onClick={() => {