diff --git a/src/frontend/src/components/MapComponent/OpenLayersComponent/AsyncPopup/AsyncPopup.tsx b/src/frontend/src/components/MapComponent/OpenLayersComponent/AsyncPopup/AsyncPopup.tsx
index 6fd3d09511..0c9be3a556 100644
--- a/src/frontend/src/components/MapComponent/OpenLayersComponent/AsyncPopup/AsyncPopup.tsx
+++ b/src/frontend/src/components/MapComponent/OpenLayersComponent/AsyncPopup/AsyncPopup.tsx
@@ -50,6 +50,11 @@ const AsyncPopup = ({
       element: popupRef.current,
       positioning: 'center-center',
       id: popupId,
+      autoPan: {
+        animation: {
+          duration: 250,
+        },
+      },
     });
     setOverlay(overlayInstance);
   }, [map, popupRef]);
@@ -98,7 +103,7 @@ const AsyncPopup = ({
     if (!overlay) return;
 
     map.on(showOnHover, (evt) => {
-      map.updateSize();
+      // map.updateSize();
       overlay.setPosition(undefined);
       setPopupHTML('');
       setProperties(null);
diff --git a/src/frontend/src/components/ProjectDetailsV2/TaskSectionPopup.tsx b/src/frontend/src/components/ProjectDetailsV2/TaskSectionPopup.tsx
index ed51b1b5a7..efd84eb764 100644
--- a/src/frontend/src/components/ProjectDetailsV2/TaskSectionPopup.tsx
+++ b/src/frontend/src/components/ProjectDetailsV2/TaskSectionPopup.tsx
@@ -56,7 +56,7 @@ const TaskSectionPopup = ({ taskId, body, feature }: TaskSectionPopupPropType) =
     <div
       className={`fmtm-duration-1000 fmtm-z-[10002] fmtm-h-fit ${
         taskModalStatus
-          ? 'fmtm-bottom-0 fmtm-right-0 md:fmtm-top-[calc(40vh)] fmtm-w-[100vw] md:fmtm-w-[50vw] md:fmtm-max-w-[25rem]'
+          ? 'fmtm-bottom-0 md:fmtm-top-[50%] md:-fmtm-translate-y-[35%] fmtm-right-0 fmtm-w-[100vw] md:fmtm-w-[50vw] md:fmtm-max-w-[25rem]'
           : 'fmtm-top-[calc(100vh)] md:fmtm-top-[calc(40vh)] md:fmtm-left-[calc(100vw)] fmtm-w-[100vw]'
       } fmtm-fixed
         fmtm-rounded-t-3xl fmtm-border-opacity-50`}
diff --git a/src/frontend/src/views/ProjectDetailsV2.tsx b/src/frontend/src/views/ProjectDetailsV2.tsx
index 447cbba321..f9520235cc 100644
--- a/src/frontend/src/views/ProjectDetailsV2.tsx
+++ b/src/frontend/src/views/ProjectDetailsV2.tsx
@@ -175,11 +175,11 @@ const Home = () => {
     dispatch(CoreModules.TaskActions.SetSelectedTask(properties.uid));
 
     dispatch(ProjectActions.ToggleTaskModalStatus(true));
-    if (windowSize.width < 768) {
+    if (windowSize.width < 768 && map.getView().getZoom() < 17) {
       map.getView().fit(extent, {
         padding: [10, 20, 300, 20],
       });
-    } else {
+    } else if (windowSize.width > 768 && map.getView().getZoom() < 17) {
       map.getView().fit(extent, {
         padding: [20, 350, 50, 10],
       });
@@ -388,7 +388,7 @@ const Home = () => {
                   zIndex={5}
                 />
               )}
-              <AsyncPopup map={map} popupUI={dataExtractDataPopup} primaryKey={'osm_id'} />
+              <AsyncPopup map={map} popupUI={dataExtractDataPopup} primaryKey={'osm_id'} showOnHover="singleclick" />
               <div className="fmtm-top-28 fmtm-left-5">{window.DeviceMotionEvent}</div>
               <div className="fmtm-absolute fmtm-bottom-36 sm:fmtm-bottom-5 fmtm-left-5 fmtm-z-50 fmtm-rounded-lg">
                 <Accordion