diff --git a/web/src/types/preview.ts b/web/src/types/preview.ts
index 390d644cf..a050705b1 100644
--- a/web/src/types/preview.ts
+++ b/web/src/types/preview.ts
@@ -1,3 +1,5 @@
+import { REVIEW_PADDING } from "./review";
+
 export type Preview = {
   camera: string;
   src: string;
@@ -6,5 +8,4 @@ export type Preview = {
   end: number;
 };
 
-export const PREVIEW_PADDING = 16;
-
+export const PREVIEW_PADDING = REVIEW_PADDING * 2;
diff --git a/web/src/types/review.ts b/web/src/types/review.ts
index b8e5254d9..bbefaf5d3 100644
--- a/web/src/types/review.ts
+++ b/web/src/types/review.ts
@@ -48,3 +48,5 @@ export type MotionData = {
   audio?: number;
   camera: string;
 };
+
+export const REVIEW_PADDING = 2;
diff --git a/web/src/views/events/EventView.tsx b/web/src/views/events/EventView.tsx
index 708f461b0..caeaef5b4 100644
--- a/web/src/views/events/EventView.tsx
+++ b/web/src/views/events/EventView.tsx
@@ -9,9 +9,10 @@ import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
 import { useTimelineUtils } from "@/hooks/use-timeline-utils";
 import { useScrollLockout } from "@/hooks/use-mouse-listener";
 import { FrigateConfig } from "@/types/frigateConfig";
-import { PREVIEW_PADDING, Preview } from "@/types/preview";
+import { Preview } from "@/types/preview";
 import {
   MotionData,
+  REVIEW_PADDING,
   ReviewFilter,
   ReviewSegment,
   ReviewSeverity,
@@ -175,7 +176,7 @@ export default function EventView({
       } else {
         onOpenRecording({
           camera: review.camera,
-          startTime: review.start_time - PREVIEW_PADDING,
+          startTime: review.start_time - REVIEW_PADDING,
           severity: review.severity,
         });