From a67e3a46962791551ee4221e2e829bb309a7597d Mon Sep 17 00:00:00 2001
From: Frank Waalkens <f.waalkens@tfe.nl>
Date: Tue, 24 Oct 2023 08:34:34 +0200
Subject: [PATCH] Reverted inset, was not the problem.

---
 src/app/Marine2/components/ui/Modal/Modal.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/app/Marine2/components/ui/Modal/Modal.tsx b/src/app/Marine2/components/ui/Modal/Modal.tsx
index 1740ee87..fd0eca0b 100644
--- a/src/app/Marine2/components/ui/Modal/Modal.tsx
+++ b/src/app/Marine2/components/ui/Modal/Modal.tsx
@@ -11,7 +11,7 @@ interface Props {
 
 const Frame: FC<Props> = ({ children, open = true, onClose, className }) => {
   const classes = classNames(
-    "fixed inset-x-0 inset-y-0 z-10 p-4 md:p-8 text-neutral-600 modal dark:text-white items-center justify-center",
+    "fixed inset-0 z-10 p-4 md:p-8 text-neutral-600 modal dark:text-white items-center justify-center",
     `${open ? "flex" : "hidden"}` // control visibility via `open` attribute (or render conditionally)
   )
   return (
@@ -41,9 +41,7 @@ const Body: FC<BodyProps> = ({ children, className, variant = "default" }) => {
 }
 
 const Footer: FC = ({ children }) => (
-  <div className="flex justify-between border-t border-victron-darkGray-200 text-base">
-    {children}
-  </div>
+  <div className="flex justify-between border-t border-victron-darkGray-200 text-base">{children}</div>
 )
 
 export const Modal = { Frame, Body, Footer }