From 9a5e4e881bb4754c0bf4471aa8dc00eb5976006a Mon Sep 17 00:00:00 2001
From: Anemy <rhysh@live.com>
Date: Wed, 11 May 2022 11:37:40 -0400
Subject: [PATCH] Make sidebar db expand and document field expand have pointer
 cursor on hover

---
 .../src/components/document-list/element.tsx                   | 3 +++
 packages/compass-databases-navigation/src/database-item.tsx    | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/packages/compass-components/src/components/document-list/element.tsx b/packages/compass-components/src/components/document-list/element.tsx
index a4b1468529a..30e598e80ad 100644
--- a/packages/compass-components/src/components/document-list/element.tsx
+++ b/packages/compass-components/src/components/document-list/element.tsx
@@ -157,6 +157,9 @@ const buttonReset = css({
   padding: 0,
   border: 'none',
   background: 'none',
+  '&:hover': {
+    cursor: 'pointer',
+  },
 });
 
 const hadronElement = css({
diff --git a/packages/compass-databases-navigation/src/database-item.tsx b/packages/compass-databases-navigation/src/database-item.tsx
index 652b1c0883a..dcebac49114 100644
--- a/packages/compass-databases-navigation/src/database-item.tsx
+++ b/packages/compass-databases-navigation/src/database-item.tsx
@@ -32,6 +32,9 @@ const expandButton = css({
   padding: 7,
   transition: 'transform .16s linear',
   transform: 'rotate(0deg)',
+  '&:hover': {
+    cursor: 'pointer',
+  },
 });
 
 const expanded = css({