From 8b0ee7075d7e796a5b79f9cb9cd9e5f5580fb165 Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Wed, 9 Jun 2021 23:24:24 +1000
Subject: [PATCH] Fix tile droppable rendering on Safari

---
 src/components/tile/TilesContainer.js | 5 ++++-
 src/components/tile/TilesOverlay.js   | 6 ++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/tile/TilesContainer.js b/src/components/tile/TilesContainer.js
index 005c48d..97cd304 100644
--- a/src/components/tile/TilesContainer.js
+++ b/src/components/tile/TilesContainer.js
@@ -40,7 +40,10 @@ function TilesContainer({ children }) {
             id={ADD_TO_MAP_ID}
             style={{
               position: "absolute",
-              inset: 0,
+              top: 0,
+              bottom: 0,
+              left: 0,
+              right: 0,
               zIndex: -1,
             }}
           />
diff --git a/src/components/tile/TilesOverlay.js b/src/components/tile/TilesOverlay.js
index 0c7a81c..0577288 100644
--- a/src/components/tile/TilesOverlay.js
+++ b/src/components/tile/TilesOverlay.js
@@ -142,7 +142,6 @@ function TilesOverlay({ modalSize, children }) {
                   style={{
                     position: "absolute",
                     width: modalSize.width,
-                    // height: modalSize.height,
                     height: `calc(100% + ${
                       modalSize.height - containerSize.height + 48
                     }px)`,
@@ -159,7 +158,10 @@ function TilesOverlay({ modalSize, children }) {
                   id={UNGROUP_ID}
                   style={{
                     position: "absolute",
-                    inset: 0,
+                    top: 0,
+                    bottom: 0,
+                    left: 0,
+                    right: 0,
                     zIndex: -1,
                   }}
                 />