diff --git a/web/src/components/overlay/chip/GenAISummaryChip.tsx b/web/src/components/overlay/chip/GenAISummaryChip.tsx
index 581c6733c..137eec88a 100644
--- a/web/src/components/overlay/chip/GenAISummaryChip.tsx
+++ b/web/src/components/overlay/chip/GenAISummaryChip.tsx
@@ -21,8 +21,9 @@ export function GenAISummaryChip({ review, onClick }: GenAISummaryChipProps) {
   return (
     <div
       className={cn(
-        "absolute left-1/2 top-8 z-30 flex max-w-[90vw] -translate-x-[50%] cursor-pointer select-none items-center gap-2 rounded-full bg-card p-2 text-sm transition-all duration-500",
+        "absolute left-1/2 top-8 z-30 flex max-w-[90vw] -translate-x-[50%] cursor-pointer select-none items-center gap-2 rounded-full p-2 text-sm transition-all duration-500",
         isVisible ? "translate-y-0 opacity-100" : "-translate-y-4 opacity-0",
+        isDesktop ? "bg-card" : "bg-secondary-foreground",
       )}
       onClick={onClick}
     >
diff --git a/web/src/views/recording/RecordingView.tsx b/web/src/views/recording/RecordingView.tsx
index 409075c12..522dac370 100644
--- a/web/src/views/recording/RecordingView.tsx
+++ b/web/src/views/recording/RecordingView.tsx
@@ -468,7 +468,7 @@ export function RecordingView({
       (rev) =>
         rev.start_time - REVIEW_PADDING < currentTime &&
         rev.end_time &&
-        currentTime < rev.end_time,
+        currentTime < rev.end_time + REVIEW_PADDING,
     );
   }, [config, currentTime, mainCameraReviewItems, mainCamera]);
   const onAnalysisOpen = useCallback(