diff --git a/src/components/organisms/passageNavigation/index.module.scss b/src/components/organisms/passageNavigation/index.module.scss
index ccfd644a5..313b492cc 100644
--- a/src/components/organisms/passageNavigation/index.module.scss
+++ b/src/components/organisms/passageNavigation/index.module.scss
@@ -21,7 +21,6 @@
 	gap: 10px;
 	align-items: center;
 	justify-content: space-between;
-	cursor: pointer;
 
 	h6 {
 		margin: 0;
@@ -30,6 +29,10 @@
 	}
 }
 
+.hasChildren .hat {
+	cursor: pointer;
+}
+
 .dropdownButton {
 	text-decoration: none;
 	font-size: 10px;
diff --git a/src/components/organisms/passageNavigation/index.tsx b/src/components/organisms/passageNavigation/index.tsx
index 2d0e3a9dd..cdf7b9f48 100644
--- a/src/components/organisms/passageNavigation/index.tsx
+++ b/src/components/organisms/passageNavigation/index.tsx
@@ -84,7 +84,7 @@ export default function PassageNavigation({
 	}, [chapter]);
 
 	return (
-		<div className={styles.base}>
+		<div className={clsx(styles.base, { [styles.hasChildren]: !!children })}>
 			<div className={styles.hat} onClick={() => setOpen(!open)}>
 				<BibleVersionTypeLockup unpadded label={chapter?.title || 'Bible'} />
 				<Dropdown