diff --git a/packages/geoview-core/src/core/components/geolocator/geolocator-result.tsx b/packages/geoview-core/src/core/components/geolocator/geolocator-result.tsx
index 545e3c107f3..116bf470198 100644
--- a/packages/geoview-core/src/core/components/geolocator/geolocator-result.tsx
+++ b/packages/geoview-core/src/core/components/geolocator/geolocator-result.tsx
@@ -198,7 +198,7 @@ export function GeolocatorResult({ geoLocationData, searchValue, error }: Geoloc
)}
-
+
{!!data.length && }
{(!data.length || error) && (
diff --git a/packages/geoview-core/src/ui/panel/panel.tsx b/packages/geoview-core/src/ui/panel/panel.tsx
index 95f527840fc..d9b379f8dcf 100644
--- a/packages/geoview-core/src/ui/panel/panel.tsx
+++ b/packages/geoview-core/src/ui/panel/panel.tsx
@@ -118,14 +118,10 @@ export function Panel(props: TypePanelAppProps): JSX.Element {
useEffect(() => {
const mapInfo = document.getElementById(`${mapId}-mapInfo`);
- // Set a timeout for the duration of the CSS animation
- setTimeout(() => {
- // Animation completed, run additional logic here
- if (panelContainerRef.current && open && mapInfo) {
- const mapInfoHeight = mapInfo.getBoundingClientRect().height;
- panelContainerRef.current.style.height = `calc(100% - ${mapInfoHeight}px)`;
- }
- }, 500);
+ if (panelContainerRef.current && open && mapInfo) {
+ const mapInfoHeight = mapInfoExpanded ? '6rem' : '3rem';
+ panelContainerRef.current.style.height = `calc(100% - ${mapInfoHeight})`;
+ }
}, [mapInfoExpanded, mapSize, open, mapId]);
return (