diff --git a/packages/compass-components/src/components/document-list/element.tsx b/packages/compass-components/src/components/document-list/element.tsx
index ebbc0366cf8..bc02129cbab 100644
--- a/packages/compass-components/src/components/document-list/element.tsx
+++ b/packages/compass-components/src/components/document-list/element.tsx
@@ -165,6 +165,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({