diff --git a/src/components/SharedComponents/Map/CurrentLocationButton.tsx b/src/components/SharedComponents/Map/CurrentLocationButton.tsx
index d8e7e104e..fee8d4ceb 100644
--- a/src/components/SharedComponents/Map/CurrentLocationButton.tsx
+++ b/src/components/SharedComponents/Map/CurrentLocationButton.tsx
@@ -20,7 +20,10 @@ const CurrentLocationButton = ( {
   renderPermissionsGate
 }: Props ) => {
   const { t } = useTranslation( );
-  return showCurrentLocationButton && (
+  if ( !showCurrentLocationButton ) {
+    return null;
+  }
+  return (
     <>
       <INatIconButton
         icon="location-crosshairs"