diff --git a/web/src/components/overlay/detail/SearchDetailDialog.tsx b/web/src/components/overlay/detail/SearchDetailDialog.tsx
index 61c975f6c..bdc5cf9b8 100644
--- a/web/src/components/overlay/detail/SearchDetailDialog.tsx
+++ b/web/src/components/overlay/detail/SearchDetailDialog.tsx
@@ -235,18 +235,12 @@ function AnnotationSettings({
               : "mx-1 max-h-[75dvh] overflow-hidden rounded-t-2xl px-4 pb-4"
           }
           {...(isDesktop ? { align: "end" } : {})}
+          data-annotation-popover
         >
           <AnnotationSettingsPane
             event={search as unknown as Event}
             annotationOffset={annotationOffset}
-            setAnnotationOffset={(value) => {
-              if (typeof value === "function") {
-                const newValue = value(annotationOffset);
-                setAnnotationOffset(newValue);
-              } else {
-                setAnnotationOffset(value);
-              }
-            }}
+            setAnnotationOffset={setAnnotationOffset}
           />
         </Content>
       </Overlay>
diff --git a/web/src/context/detail-stream-context.tsx b/web/src/context/detail-stream-context.tsx
index ff909a30e..57971f7ac 100644
--- a/web/src/context/detail-stream-context.tsx
+++ b/web/src/context/detail-stream-context.tsx
@@ -8,7 +8,7 @@ export interface DetailStreamContextType {
   camera: string;
   annotationOffset: number; // milliseconds
   setSelectedObjectIds: React.Dispatch<React.SetStateAction<string[]>>;
-  setAnnotationOffset: (ms: number) => void;
+  setAnnotationOffset: React.Dispatch<React.SetStateAction<number>>;
   toggleObjectSelection: (id: string | undefined) => void;
   isDetailMode: boolean;
 }