From d8c5ed38b6cea568ab2fbc86f1aa95e7e5843464 Mon Sep 17 00:00:00 2001
From: Dotty <dottykurmi123@gmail.com>
Date: Wed, 18 Dec 2024 13:52:43 -0400
Subject: [PATCH] [TM-1561] fix error width in safary

---
 .../components/ResourceTabs/PolygonReviewTab/index.tsx | 10 ----------
 src/components/elements/Table/Table.tsx                |  6 ++++--
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx b/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx
index 0418ea6ce..3b5bd4d46 100644
--- a/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx
+++ b/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx
@@ -26,7 +26,6 @@ import LinearProgressBarMonitored from "@/components/elements/ProgressBar/Linear
 import Table from "@/components/elements/Table/Table";
 import { VARIANT_TABLE_SITE_POLYGON_REVIEW } from "@/components/elements/Table/TableVariants";
 import Text from "@/components/elements/Text/Text";
-import ToolTip from "@/components/elements/Tooltip/Tooltip";
 import Icon from "@/components/extensive/Icon/Icon";
 import { IconNames } from "@/components/extensive/Icon/Icon";
 import ModalAdd from "@/components/extensive/Modal/ModalAdd";
@@ -629,9 +628,6 @@ const PolygonReviewTab: FC<IProps> = props => {
                   <div className="w-40 lg:w-48">
                     <Text variant="text-14" className="flex items-center gap-1 text-darkCustom">
                       Site Status
-                      <ToolTip title={""} content={"Site Status"} width="" trigger="click">
-                        <Icon name={IconNames.IC_INFO} className="h-3.5 w-3.5 text-darkCustom" />
-                      </ToolTip>
                     </Text>
                     <Text variant="text-14-bold" className="leading-[normal] text-black">
                       {record?.readable_status}
@@ -640,9 +636,6 @@ const PolygonReviewTab: FC<IProps> = props => {
                   <div className="w-full">
                     <Text variant="text-14" className="mb-2 flex items-center gap-1 text-darkCustom">
                       Polygon Overview
-                      <ToolTip title={""} content={"Polygon Overview"} width="" trigger="click">
-                        <Icon name={IconNames.IC_INFO} className="h-3.5 w-3.5 text-darkCustom" />
-                      </ToolTip>
                     </Text>
                     <If condition={sitePolygonData.length < total}>
                       <Then>
@@ -660,9 +653,6 @@ const PolygonReviewTab: FC<IProps> = props => {
                   <div className="mb-2">
                     <Text variant="text-16-bold" className="mb-2 flex items-center gap-1 text-darkCustom">
                       Add or Edit Polygons
-                      <ToolTip title={""} content={"Add or Edit Polygons"} width="" trigger="click">
-                        <Icon name={IconNames.IC_INFO} className="h-3.5 w-3.5 text-darkCustom" />
-                      </ToolTip>
                     </Text>
                     <Text variant="text-14-light" className="text-darkCustom">
                       Add, remove or edit polygons that are associated to a site. Polygons may be edited in the map
diff --git a/src/components/elements/Table/Table.tsx b/src/components/elements/Table/Table.tsx
index a1fafcae7..2c7ad9b2d 100644
--- a/src/components/elements/Table/Table.tsx
+++ b/src/components/elements/Table/Table.tsx
@@ -195,7 +195,9 @@ function Table<TData extends RowData>({
                           >
                             <span
                               className="font-inherit relative"
-                              style={{ marginRight: `${iconRefs.current[header.index]?.offsetWidth}px` }}
+                              style={{
+                                marginRight: `${iconRefs.current[header.index]?.getBoundingClientRect().width}px`
+                              }}
                             >
                               <span
                                 className="font-inherit "
@@ -219,7 +221,7 @@ function Table<TData extends RowData>({
                                     }
                                   }}
                                   className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
-                                  style={{ left: `${spanRefs.current[header.index]?.offsetWidth}px` }}
+                                  style={{ left: `${spanRefs.current[header.index]?.getBoundingClientRect().width}px` }}
                                 >
                                   <Icon
                                     name={