From 98af9ba2b66096798f0c0103febd0fba3af8e356 Mon Sep 17 00:00:00 2001
From: rithviknishad <mail@rithviknishad.dev>
Date: Fri, 19 Jul 2024 23:22:43 +0530
Subject: [PATCH] fix issue with overlap for for webkit based browsers

---
 src/Components/CameraFeed/AssetBedSelect.tsx           |  1 +
 .../ConsultationDetails/ConsultationFeedTab.tsx        | 10 ++++++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/Components/CameraFeed/AssetBedSelect.tsx b/src/Components/CameraFeed/AssetBedSelect.tsx
index 6d053a042a0..dafb28d133f 100644
--- a/src/Components/CameraFeed/AssetBedSelect.tsx
+++ b/src/Components/CameraFeed/AssetBedSelect.tsx
@@ -27,6 +27,7 @@ export default function CameraPresetSelect(props: Props) {
 
             return (
               <ButtonV2
+                key={option.id}
                 variant={selected ? "primary" : "secondary"}
                 className="min-w-16 max-w-40 text-ellipsis text-sm"
                 onClick={() => props.onChange?.(option)}
diff --git a/src/Components/Facility/ConsultationDetails/ConsultationFeedTab.tsx b/src/Components/Facility/ConsultationDetails/ConsultationFeedTab.tsx
index edf86fd09d5..34931b303f8 100644
--- a/src/Components/Facility/ConsultationDetails/ConsultationFeedTab.tsx
+++ b/src/Components/Facility/ConsultationDetails/ConsultationFeedTab.tsx
@@ -15,7 +15,7 @@ import useOperateCamera, {
   PTZPayload,
 } from "../../CameraFeed/useOperateCamera";
 import request from "../../../Utils/request/request";
-import { isIOS } from "../../../Utils/utils";
+import { classNames, isIOS } from "../../../Utils/utils";
 import ConfirmDialog from "../../Common/ConfirmDialog";
 import useBreakpoints from "../../../Common/hooks/useBreakpoints";
 import { Warn } from "../../../Utils/Notifications";
@@ -124,7 +124,13 @@ export const ConsultationFeedTab = (props: ConsultationTabProps) => {
         onConfirm={handleUpdatePreset}
       />
 
-      <div ref={divRef} className="-mx-3 lg:-mb-2">
+      <div
+        ref={divRef}
+        className={classNames(
+          "-mx-3 lg:-mb-2",
+          isIOS && "mt-8", // For some reason iOS based browser alone seems to be needing this.
+        )}
+      >
         <CameraFeed
           key={key}
           asset={asset}